/* WEON phase 2 polish */
:root{scroll-behavior:smooth}
a,button,input,select,textarea{outline-offset:4px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9fcf39}
.diagram-asset img,.process-visual img,.about-diagram img{max-width:100%;height:auto}
.site-footer a{text-underline-offset:3px}
.footer-meta .muted{max-width:680px}
@media(max-width:980px){
  .section{padding:94px 0}
  .subhero,.simple{padding:88px 0 68px}
  .hero-grid{padding-top:44px}
  .hero-visual{margin-top:8px}
}
@media(max-width:640px){
  .shell{width:min(calc(100% - 36px),var(--max))}
  .section{padding:72px 0}
  .subhero,.simple{padding:68px 0 54px}
  .site-header .brand{width:128px}
  .hero-copy h1{font-size:clamp(46px,12vw,52px);line-height:1.01;letter-spacing:-.055em}
  .subhero h1,.simple h1,.bookbap-hero h1,.transparency-hero h1{font-size:clamp(45px,11.5vw,51px);line-height:1.02;letter-spacing:-.055em}
  .split-head h2,.section-heading,.editorial h2,.partner-grid h2,.governance-grid h2,.cta-panel h2{font-size:clamp(38px,10vw,44px);line-height:1.08}
  .hero-lead,.subhero p,.simple p,.bookbap-hero p,.transparency-hero p{font-size:15px;line-height:1.78}
  .eyebrow{letter-spacing:.14em}
  .hero-visual{height:445px}
  .proof-intro{margin-bottom:24px}
  .proof strong{font-size:38px}
  .proof span{font-size:13px}
  .diagram-asset,.process-visual,.about-diagram{margin-top:28px}
  .diagram-asset img,.process-visual img,.about-diagram img{display:block;width:100%;height:auto}
  .history-metrics>div{min-height:135px;padding:22px 0}
  .history-metrics strong{font-size:39px}
  .number-card{padding:24px;min-height:165px}
  .number-card strong{font-size:46px}
  .partner-list>div{grid-template-columns:34px 1fr;gap:5px 12px}
  .partner-list>div p{grid-column:2}
  .contact-form{padding:24px 20px}
  .form-row{padding:14px 0}
  .docs-grid{border-left:0}
  .doc-card{min-height:220px;padding:24px;border-left:1px solid var(--ink)}
  .doc-card h3{margin:34px 0 10px}
  .footer-grid{gap:34px}
  .footer-bottom{gap:14px;flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* final visual QA */
.desktop-nav a[aria-current="page"]:after{right:0}
.desktop-nav a[aria-current="page"]{font-weight:800}
.mobile-nav a[aria-current="page"]{color:#10271f;font-weight:800}
.mobile-nav a[aria-current="page"]::before{content:"•";color:#9fcf39;margin-right:8px}
.purpose-diagram{aspect-ratio:auto!important;overflow:visible!important;background:transparent!important}
.purpose-diagram picture{display:block;width:100%}
.purpose-diagram img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important}
@media(max-width:980px){
  .purpose-diagram{width:min(94%,860px)!important}
}
@media(max-width:640px){
  .hero-visual{height:410px}
  .purpose-diagram{width:calc(100% - 12px)!important;margin-top:24px!important}
  .about-diagram:not(.governance-diagram){width:100%!important}
  .voucher-gallery{display:flex!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding-bottom:12px;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}
  .voucher-gallery figure:nth-child(n){flex:0 0 82%!important;grid-column:auto!important;scroll-snap-align:start}
  .voucher-gallery img{aspect-ratio:1.72!important}
  .route-line>div{min-height:120px;padding:20px 0}
  .route-line b{margin-top:22px}
  .governance-diagram{width:calc(100% - 28px)!important}
}