/* Shared navigation for the published cohort pages. Scoped to avoid story styles. */
.site-header{max-width:1500px;margin:auto;padding:25px 44px;border-bottom:1px solid #dbe1e3;display:flex;justify-content:space-between;align-items:center;gap:16px;font:15px/1.6 Arial,Helvetica,sans-serif;color:#263e4c}
.site-header .site-wordmark{display:flex;align-items:center;flex-shrink:0;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:-.4px}
.site-header .site-brand-dot{width:9px;height:9px;border-radius:50%;background:#4eaa88;margin:0 10px 0 3px}
.site-header .site-nav{display:flex;gap:24px;align-items:center;font-size:12px}
.site-header .site-nav a{display:block;text-decoration:none;color:#5d707a;padding:8px 0;border-bottom:2px solid transparent;white-space:nowrap}
.site-header .site-nav a:hover{color:#263e4c;border-color:#4eaa88}
.site-header .site-account{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:12px;flex-shrink:0}
.site-header [hidden]{display:none!important}
.site-header a:focus-visible{outline:2px solid #347c83;outline-offset:4px}
@media(max-width:1100px){.site-header{flex-wrap:wrap}.site-header .site-nav{order:3;width:100%;gap:20px;flex-wrap:wrap}}
@media(max-width:850px){.site-header{padding:20px 22px}}
@media(max-width:600px){.site-header{padding:16px 16px 14px;gap:10px}.site-header .site-nav{gap:0 18px;font-size:12px}.site-header .site-nav a{min-height:44px;display:flex;align-items:center}.site-header .site-account{gap:10px;flex-wrap:wrap}.site-header .site-account a{min-height:44px;display:flex;align-items:center}.site-header .site-account [href="/#feedback"]{display:none}}