/* Resources-only sections; the hero shell and repeated visual variant are global. */
/* Start Here reuses the shared split introduction with its own media viewport. */
.resources-start-here .challenge-content { overflow-wrap: anywhere; }
.resources-start-here .challenge-copy { max-width: none; letter-spacing: -0.18px; }
.resources-start-here .challenge-media { height: 448px; }
.resources-start-here-image { display: block; width: 100%; width: stretch; height: 100%; height: stretch; object-fit: cover; object-position: center; }
/* The hero CTA targets the section, whose top padding shrinks at narrow widths. */
/* Explore by Topic is a Resources-only static card composition. */
.resources-topics { padding-block: 80px; background: var(--color-surface-dark); }
.resources-topics-inner { display: flex; flex-direction: column; gap: 31.59375px; }
.resources-topics-header,
.resources-topics-heading { width: stretch; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; }
.resources-topics-header { gap: 16px; }
.resources-topics-heading { gap: 12px; }
.resources-topics-heading h2 { width: stretch; max-width: 810px; color: var(--color-surface); overflow-wrap: anywhere; }
.resources-topics-intro { width: stretch; max-width: 611px; color: var(--color-border); letter-spacing: -0.18px; }
.resources-topics-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, auto)); column-gap: 26px; row-gap: 32px; padding: 0px; list-style: none; }
.resources-topics-grid:empty { display: none; }
.resources-topic-card { min-width: 0px; min-height: 180px; padding: 20px; border: 1px solid var(--color-border-dark); overflow-wrap: anywhere; }
.resources-topic-card article { min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.resources-topic-card h3 { min-width: 0px; color: var(--color-surface); }
.resources-topic-card p { max-width: 362px; min-width: 0px; color: var(--color-border); letter-spacing: -0.18px; }
/* Source-specific body tracking for the shared book-promotion instance. */
.resources-want-deeper .leadership-journey-copy { letter-spacing: -0.18px; }
/* Stay Connected is a Resources-only newsletter form composition. */
.resources-stay-connected { padding-block: 100px; background: var(--color-surface); }
.resources-stay-connected-inner { display: flex; flex-direction: column; align-items: center; gap: 32px; }
.resources-stay-connected-header { width: stretch; height: 154px; min-width: 0px; flex: 0 0 154px; display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.resources-stay-connected-heading { width: stretch; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.resources-stay-connected-heading .challenge-eyebrow { width: stretch; justify-content: center; }
.resources-stay-connected-heading h2 { width: stretch; color: var(--color-brand-hover); overflow-wrap: anywhere; }
/* The footer's Newsletter fragment targets this heading; reveal its eyebrow and section start below the sticky header. */
#resources-stay-connected-title { scroll-margin-top: 240px; }
.resources-stay-connected-copy { width: stretch; max-width: 662px; color: var(--color-text-secondary); letter-spacing: -0.18px; }
.resources-newsletter-form { position: relative; width: stretch; max-width: 451px; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 32px; }
.resources-newsletter-field { width: stretch; height: 78px; min-width: 0px; flex: 0 0 78px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.resources-newsletter-field label { height: 22px; flex: 0 0 22px; color: var(--color-text); letter-spacing: -0.16px; }
.resources-newsletter-field input { width: stretch; height: 48px; min-width: 0px; flex: 0 0 48px; padding: 12px 12px 13px; border: 0px; border-bottom: 1px solid var(--color-border); border-radius: 0px; background: var(--color-surface); color: var(--color-text); font-family: var(--font-body); font-size: 14px; font-weight: 400; font-style: normal; line-height: 140%; letter-spacing: -0.14px; }
.resources-newsletter-field input::placeholder { color: var(--color-disabled); opacity: 1; }
.resources-newsletter-field input:focus-visible { border-bottom-color: var(--color-brand-hover); }
.resources-newsletter-actions { width: stretch; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.resources-newsletter-submit { width: 233px; height: 48px; padding: 14px 28px; }
.resources-newsletter-noscript a,
.resources-newsletter-status a { color: var(--color-brand-hover); text-decoration: underline; text-underline-offset: 3px; }
.resources-newsletter-status,
.resources-newsletter-noscript { width: stretch; padding: 12px; border: 1px solid var(--color-border); color: var(--color-text); text-align: center; }
.resources-newsletter-form [hidden] { display: none; }
.resources-newsletter-form [disabled] { cursor: wait; opacity: 0.75; }
.resources-newsletter-honeypot { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; border: 0px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
/* Resources consumes the shared prefooter with source-specific text measures. */
.prefooter--resources .prefooter-content { width: 760px; max-width: stretch; }
.prefooter--resources h2 { max-width: 706px; margin-inline: auto; }
.prefooter--resources .prefooter-copy { max-width: 667px; margin-inline: auto; }
@media (max-width: 1399px) {
  #resources-start-here { scroll-margin-top: 16px; }
  .resources-stay-connected { padding-block: 88px; }
  #resources-stay-connected-title { scroll-margin-top: 224px; }
  .resources-stay-connected-inner,
  .resources-newsletter-form { gap: 28px; }
  .resources-stay-connected-header,
  .resources-newsletter-form,
  .resources-newsletter-field { height: auto; flex-basis: auto; }
  .resources-newsletter-field label { height: auto; flex-basis: auto; }
  .resources-topics { padding-block: 72px; }
  .resources-topics-inner { gap: 28px; }
  .resources-topics-grid { column-gap: 24px; row-gap: 28px; }
  .resources-topic-card { min-height: 172px; }
  .resources-start-here .challenge-media { height: 400px; }
}
@media (max-width: 1199px) {
  #resources-start-here { scroll-margin-top: 32px; }
  .resources-stay-connected { padding-block: 72px; }
  #resources-stay-connected-title { scroll-margin-top: 208px; }
  .resources-stay-connected-inner,
  .resources-newsletter-form { gap: 24px; }
  .resources-topics { padding-block: 64px; }
  .resources-topic-card { min-height: 164px; padding: 18px; }
  .resources-start-here .challenge-media { height: 360px; }
}
@media (max-width: 900px) {
  /* Clear the expanded header before its compact transition settles. */
  #resources-start-here { scroll-margin-top: 52px; }
  .resources-stay-connected { padding-block: 64px; }
  #resources-stay-connected-title { scroll-margin-top: 192px; }
  .resources-topics { padding-block: 56px; }
  .resources-topics-grid { grid-template-columns: repeat(2, minmax(0px, auto)); column-gap: 20px; row-gap: 24px; }
  .resources-topic-card { min-height: 156px; }
  .resources-start-here .challenge-media { height: 400px; }
}
@media (max-width: 767px) {
  #resources-start-here { scroll-margin-top: 68px; }
  .resources-stay-connected { padding-block: 48px; }
  #resources-stay-connected-title { scroll-margin-top: 176px; }
  .resources-stay-connected-header { gap: 14px; }
  .resources-topics { padding-block: 48px; }
  .resources-topics-inner { gap: 24px; }
  .resources-topics-grid { grid-template-columns: minmax(0px, auto); row-gap: 16px; }
  .resources-topic-card { min-height: 0px; padding: 16px; }
  .resources-topic-card article { gap: 12px; }
  .resources-start-here .challenge-media { height: 340px; }
}
@media (max-width: 479px) {
  #resources-start-here { scroll-margin-top: 68px; }
  .resources-stay-connected { padding-block: 40px; }
  #resources-stay-connected-title { scroll-margin-top: 160px; }
  .resources-stay-connected-inner,
  .resources-newsletter-form { gap: 20px; }
  .resources-stay-connected-header,
  .resources-stay-connected-heading { gap: 12px; }
  .resources-newsletter-submit { width: stretch; }
  .resources-topics { padding-block: 40px; }
  .resources-topics-inner { gap: 20px; }
  .resources-start-here .challenge-media { height: 260px; }
}
@media (max-width: 333px) {
  /* Signed-in narrow layouts reflow after the direct fragment jump; leave the eyebrow clear. */
  body.admin-bar #resources-stay-connected-title { scroll-margin-top: 176px; }
}