/* COPA v2.4 targeted pre-live refinements. */
main [id]{scroll-margin-top:112px}
.journey-bridge{margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid rgba(0,63,52,.16);font-size:.78rem;line-height:1.55;color:#50675f}
.response .journey-bridge{color:#50675f}
.standard-signal>*{min-width:0}
.standard-signal p,.standard-signal a{overflow-wrap:anywhere}
img{height:auto}
@media(max-width:760px){
  main [id]{scroll-margin-top:92px}
  h1{font-size:clamp(2.55rem,11.5vw,3.85rem)!important;overflow-wrap:anywhere}
  h2{font-size:clamp(2rem,9.2vw,3.05rem)!important;overflow-wrap:anywhere}
  .standard-signal{grid-template-columns:1fr!important;gap:8px!important;align-items:start!important}
  .standard-signal a{white-space:normal!important;display:inline-block;max-width:100%}
  .journey-bridge{font-size:.74rem;margin-bottom:16px;padding-bottom:14px}
  .profile-page h1{font-size:clamp(2.5rem,12vw,3.5rem)!important}
  .profile-copy{min-width:0}.profile-role{line-height:1.45}
  .profile-contact-links{width:100%}.profile-contact a{overflow-wrap:anywhere}
  .form-grid,.share-form-grid{min-width:0}
  input,select,textarea{max-width:100%}
}
@media(max-width:420px){
  h1{font-size:clamp(2.35rem,11.8vw,3.25rem)!important}
  h2{font-size:clamp(1.9rem,9vw,2.7rem)!important}
  .container{width:calc(100% - 28px)!important}
}


/* FR-039: improve clarification contrast on the dark journey panel. */
.journey-board .journey-bridge{color:rgba(255,255,255,.82);border-bottom-color:rgba(246,232,190,.24)}

/* FR-040: rebalance the accountability panel on desktop without changing the mobile stack. */
@media(min-width:761px){
  .page-how-copa-helps .accountability{padding:68px 0}
  .page-how-copa-helps .accountability-band{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:46px;padding:32px 36px}
  .page-how-copa-helps .accountability-band h2{font-size:clamp(2rem,3vw,3.35rem);max-width:680px}
}

/* FR-047: Contact is a mobile-menu destination only. */
.mobile-only-nav{display:none!important}
@media(max-width:1050px){.nav-actions.open nav .mobile-only-nav{display:block!important}}

/* FR-048: accessible form validation feedback. */
.field-error{display:block;margin-top:6px;color:#8b1e16;font-size:.7rem;font-weight:700;line-height:1.4}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#a62b23!important;box-shadow:0 0 0 1px rgba(166,43,35,.12)}
.form-validation-summary{margin:0 0 18px;padding:12px 14px;border-left:4px solid #a62b23;background:#fff3f1;color:#6f211c;font-size:.76rem;line-height:1.45}
.form-validation-summary:focus{outline:2px solid rgba(216,174,74,.7);outline-offset:2px}


/* FR-067: global spacing refinement. Visual rhythm only; no content or structure changes. */
@media(min-width:761px){
  .page-home .hero-main,
  .page-how-copa-helps .hero-main,
  .page-solutions .hero-main{padding-top:66px!important;padding-bottom:60px!important}
  .page-working-with-copa .hero-main{padding-top:60px!important;padding-bottom:56px!important}
  .page-regulated-football .hero-main,
  .page-copa-united .hero-main,
  .page-about .hero-main,
  .page-contact .hero-main,
  .page-insights-resources .hero-main{padding-top:72px!important;padding-bottom:62px!important}
  .page-operating-standard .hero-main{padding-top:68px!important;padding-bottom:58px!important}
  .readiness-page .page-hero{padding-top:72px!important;padding-bottom:64px!important}

  .route-grid,.support-grid,.start-grid,.implementation-steps,
  .origin-grid,.squad-grid,.principle-grid,.responsibility-grid,.value-grid,
  .six-months-grid,.outcome-grid,.featured-grid,.quick-start-grid{gap:14px!important}
}
@media(max-width:760px){
  .hero .hero-main{padding-top:58px!important;padding-bottom:48px!important}
  .page-operating-standard .hero-main{padding-top:54px!important;padding-bottom:44px!important}
  .readiness-page .page-hero{padding-top:54px!important;padding-bottom:46px!important}

  .route-grid,.support-grid,.start-grid,.implementation-steps,
  .origin-grid,.squad-grid,.principle-grid,.responsibility-grid,.value-grid,
  .six-months-grid,.outcome-grid,.featured-grid,.quick-start-grid{gap:12px!important}
}


/* FR-078: consistent vertical balance for repeated split heading/explainer components. */
@media(min-width:1051px){
  .page-regulated-football .section-head,
  .page-how-copa-helps .section-head,
  .page-solutions .section-head,
  .page-about .section-head{align-items:center!important}
  .page-regulated-football .section-head>p,
  .page-how-copa-helps .section-head>p,
  .page-solutions .section-head>p,
  .page-about .section-head>p{padding-bottom:0!important}
  /* Preserve the intentionally top-aligned illustrative leadership-value block. */
  .page-copa-united .value .section-head{align-items:start!important}
}
