/* Website Feedback 06: public directory only; shared chrome and tokens are reused. */
.resources-hub { color: var(--pl-ink-900); }
.resources-hub .resources-container { width: min(1140px, calc(100% - 48px)); margin-inline: auto; }
.resources-hub .resources-hero { display:flex; align-items:center; min-height:500px; padding:var(--spacing-xl) 0; background:var(--color-black) url("/images/pilot/hero.webp") center right / cover no-repeat; color:var(--color-white); }
.resources-hub .resources-eyebrow { color:var(--color-white); font-weight:600; }
.resources-hub h1 { margin:12px 0 24px; color:var(--color-white); }
.resources-hub .resources-hero p { max-width:640px; color:inherit; }
/* Find What You Need follows the Services "Eight Ways" offering cards: neutral band,
   white bordered cards with a blue icon, bold title, orange card hover and a
   full-width outlined CTA. The band value is the Services source band
   (services-hub.css .elementor-element-2a39aa9). The CTA hover/focus fill is the
   user-supplied #F57700 orange (2026-10-29), not the Services dark blue. */
.resources-hub .resources-directory { padding-block: 64px 80px; background: #F6F6F5; }
.resources-hub .resources-directory h2 { margin: 0 0 32px; }
.resources-hub .resources-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--card-gap); }
.resources-hub .resources-block { display: flex; flex-direction: column; min-width: 0; padding: var(--card-padding); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--pl-white); transition: border-color 200ms ease; }
.resources-hub .resources-block:is(:hover, :focus-within) { border-color: var(--color-accent-orange); }
.resources-hub .resources-icon { flex: none; margin-bottom: var(--spacing-xs); color: var(--color-primary-blue); }
.resources-hub .resources-block h3 { margin: 0 0 12px; font: var(--font-weight-bold) var(--font-size-h3)/var(--line-height-tight) var(--font-marketing); color: var(--pl-gray-700); }
.resources-hub .resources-block p { margin: 0 0 24px; font-size: var(--font-size-sm); line-height: 1.5; color: var(--pl-gray-700); }
.resources-hub .resources-block > a, .resources-hub .resources-actions { margin-top: auto; }
.resources-hub .resources-block .pl-button { align-self: stretch; max-width: 100%; gap: 40px; border: 1px solid var(--color-primary-blue); border-radius: var(--radius-sm); background: var(--pl-white); color: var(--color-primary-blue); text-align: center; white-space: normal; }
.resources-hub .resources-block .pl-button:is(:hover, :focus-visible) { border-color: var(--color-accent-orange); background: var(--color-accent-orange); color: var(--pl-white); }
/* The arrow stays put, as on Services; the shared pill CTA's rotating disc does not apply. */
.resources-hub .resources-block .pl-button > span[aria-hidden="true"] { rotate: none; color: inherit; }
.resources-hub .resources-block .pl-button > span[aria-hidden="true"]::before { content: none; }
.resources-hub .resources-actions { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
.resources-hub .resources-webinars { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 600; color: var(--pl-blue-700); text-decoration: underline; }
.resources-hub a:focus-visible { outline: 3px solid var(--pl-blue-400); outline-offset: 3px; }
@media (max-width: 1050px) { .resources-hub .resources-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .resources-hub .resources-block .pl-button { gap: var(--spacing-sm); } }
@media (max-width: 600px) { .resources-hub .resources-grid { grid-template-columns: minmax(0, 1fr); } .resources-hub .resources-hero { padding-block: 48px; } .resources-hub .resources-directory { padding-block: 40px 48px; } }
@media (prefers-reduced-motion: reduce) { .resources-hub .resources-block { transition: none; } }

.resources-hub .breadcrumb [aria-current="page"] { color:var(--pl-gray-700); opacity:1; }

/* Shared display role avoids the inherited 800/Black hero face. */
.resources-hub .resources-container { width:min(var(--max-width),calc(100% - 2 * var(--container-gutter))); }
.resources-hub h1 { font-size:clamp(2rem,3.6vw,52px); font-weight:700; line-height:1.15; }
.resources-hub .resources-hero > .resources-container > p:last-child { font-size:var(--font-size-lead); line-height:1.5; }
@media(max-width:767px) { .resources-hub .resources-container { width:calc(100% - 2 * var(--spacing-md)); } }

/* Main-page composition: shared display role, gutters and a readable mobile hero.
   The masthead is the same pilot chrome used by Products, Solutions and Services. */
.resources-hub .resources-hero { box-sizing:border-box; }
.resources-hub h1 { font-family:var(--font-marketing); font-size:var(--marketing-display); }
.resources-hub .resources-directory h2 { font-family:var(--font-marketing); font-size:var(--font-size-h2); line-height:1.2; font-weight:700; color:var(--pl-gray-700); text-align:center; }
@media(max-width:767px) {
 .resources-hub .resources-hero { min-height:320px; padding-block:var(--spacing-xl); background-position:center; }
}