/* Shared header, credentials and diagnosis controls · 2026-10-31 */
.site-header>.trust-strip{position:absolute;inset:0 0 auto;height:40px;padding:0 4.5%;transition:opacity .22s;}
.trust-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f6f6f8;color:#292929;font-size:12px;line-height:1.4}
.credential-logos{display:flex;align-items:center;gap:18px;flex-shrink:0}
.credential-logos img{display:block;object-fit:contain;height:auto;max-width:none}
.credential-logos .credential-kidp{width:142px}
.credential-logos .credential-nara{width:78px}
.credential-logos .credential-mss{width:112px}
.diagnosis-status{display:flex;align-items:center;gap:16px;white-space:nowrap}
.diagnosis-month{padding:6px 14px;background:#fff;border:1px solid #e5e5e8;border-radius:999px;font-weight:700}
.diagnosis-status strong{margin-left:6px;font-weight:800;color:#111}
.trust-strip-mobile{display:none}
@media(min-width:761px){
 body .site-header{height:130px;padding-top:40px;gap:24px;transform:translateY(0);opacity:1;visibility:visible;transition:transform .28s ease}
 body .site-header.strip-collapsed{transform:translateY(-40px)}
 .site-header.strip-collapsed>.trust-strip{opacity:0;pointer-events:none}
 body .site-header .brand img{width:166px;height:auto}
 body .site-header nav{font-size:16px;gap:32px}
 body .site-header>.small.light{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;font-size:14px;font-weight:700;border:1px solid #fff;border-radius:8px}
 body .site-header>.chat{display:grid;place-items:center;width:46px;height:46px;border:1px solid #fff;border-radius:8px;background:#fff;color:#111}
 body.inner-page main{padding-top:130px}
 html{scroll-padding-top:110px}
 .article-detail-page .article-toc-v2,.article-detail-page .article-side,.series-toc{top:110px}
}
.site-header>.small.light,.site-header>.chat,.site-header nav .nav-action{box-sizing:border-box;transition:background .2s,color .2s,border-color .2s;box-shadow:none}
body .site-header>.small.light:hover,body .site-header nav .nav-action-primary:hover{background:#111;color:#fff;border-color:#fff}
body .site-header>.chat:hover,body .site-header nav .nav-action-secondary:hover{background:#fee500;color:#191919;border-color:#fee500}
body .site-header>.chat svg{fill:currentColor}
/* Every diagnosis CTA shares a monochrome hover, including dynamically rendered links. */
body a[href*="eyetest.nunddigo.com"]{transition:background-color .2s,color .2s,border-color .2s}
body a[href*="eyetest.nunddigo.com"]:is(:hover,:focus-visible){background:#111!important;background-image:none!important;color:#fff!important;border-color:#fff!important}
body .dark a[href*="eyetest.nunddigo.com"]:is(:hover,:focus-visible){background:#fff!important;color:#111!important;border-color:#111!important}
.footer-credentials{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.footer-credentials .credential-logos{opacity:.75;filter:grayscale(1) brightness(0) invert(1)}
.footer-credentials p{margin:0}
@media(min-width:761px) and (max-width:1100px){
 .trust-strip{font-size:11px}.diagnosis-status{gap:8px}
 .credential-logos{gap:12px}.credential-logos .credential-kidp{width:117px}.credential-logos .credential-nara{width:66px}.credential-logos .credential-mss{width:94px}
 body .site-header{gap:16px}body .site-header nav{gap:20px;font-size:15px}body .site-header .brand img{width:145px}
}
@media(max-width:760px){
 .site-header>.trust-strip{display:none}
 .site-header nav .trust-strip-mobile{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:18px 16px;margin-top:24px;border-radius:12px}
 .credential-logos{gap:12px;width:100%;justify-content:space-between;flex-shrink:1}
 .credential-logos .credential-kidp{width:39%;max-width:142px}.credential-logos .credential-nara{width:22%;max-width:78px}.credential-logos .credential-mss{width:31%;max-width:112px}
 .trust-strip-mobile .diagnosis-status{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;white-space:normal}
 body .site-header nav .nav-action{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 8px;border:1px solid #777;border-radius:10px;font-size:15px;line-height:1.4}
 body .site-header nav .nav-action-primary{background:#fff;color:#111;border-color:#fff}
 body .site-header nav .nav-action-secondary{background:#101010;color:#fff;border-color:#777}
 .footer-credentials{align-items:flex-start;gap:20px;max-width:370px;width:100%}
}
@media(prefers-reduced-motion:reduce){body .site-header,.site-header a,.site-header>.trust-strip{transition:none!important}}
body a:is(.outline,.black,.side-card.dark)[href*="eyetest.nunddigo.com"]:is(:hover,:focus-visible){background:#fff!important;color:#111!important;border-color:#111!important}
body .dark a.contact-tile-primary[href*="eyetest.nunddigo.com"]:is(:hover,:focus-visible){background:#111!important;color:#fff!important;border-color:#fff!important}
body a[href*="eyetest.nunddigo.com"]:is(:hover,:focus-visible) :is(span,strong,b,p){color:inherit!important}

/* Compact credential strip */
.trust-strip .credential-logos{gap:14px}
.trust-strip .credential-kidp{width:114px}
.trust-strip .credential-nara{width:62px}
.trust-strip .credential-mss{width:90px}
@media(max-width:760px){.trust-strip .credential-logos{justify-content:center;gap:12px}.trust-strip .credential-kidp{width:37%;max-width:114px}.trust-strip .credential-nara{width:20%;max-width:62px}.trust-strip .credential-mss{width:29%;max-width:90px}}

/* Home opens on the hero, then reveals the complete navigation before folding the strip. */
body:not(.inner-page) .site-header:not(.header-visible){opacity:0;visibility:hidden;transform:translateY(-100%);pointer-events:none}
@media(min-width:761px){body .site-header{transition:transform .35s ease,opacity .3s ease,visibility .3s ease}}
@media(max-width:760px){
 .site-header nav .trust-strip-mobile{align-items:center;text-align:center}
 .trust-strip-mobile .diagnosis-status{width:100%;justify-content:center;align-items:center;text-align:center}
}