/* StructuredEval: shared SUBPAGE nav. SINGLE SOURCE OF TRUTH for all subpages
   (insights/, insights/*/). Self-contained (hardcoded brand colors). Edit here, bump
   ?v=N on every subpage's <link>, redeploy. Homepage has its own designed nav (scroll-spy). */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:#345E86;color:#fff;padding:10px 16px;border-radius:0 0 8px 0;font-weight:700;font-size:14.5px;text-decoration:none}
.skip-link:focus{left:0}
nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid #E4E8EE}
nav .wrap{display:flex;align-items:center;gap:20px;height:62px}
.brand{font-weight:800;font-size:18px;color:#1B2430;letter-spacing:-.02em;text-decoration:none}
.brand b{color:#345E86}
nav .sp{margin-left:auto}
nav a.link{color:#48586A;font-size:14.5px;font-weight:600;margin-left:22px;text-decoration:none}
nav a.link.active{color:#20486e;font-weight:800}
nav a.link:hover{color:#345E86}
nav .navlinks{display:flex;align-items:center}
nav .navtoggle{display:none;background:none;border:0;color:#1B2430;cursor:pointer;padding:6px;margin-left:6px;border-radius:8px}
nav .navtoggle:hover{background:#EAF0F6}
nav .navtoggle span{display:block;width:22px;height:2px;background:currentColor;transition:transform .25s ease,opacity .2s ease}
nav .navtoggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav .navtoggle[aria-expanded="true"] span:nth-child(2){opacity:0}
nav .navtoggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:820px){
  nav .navtoggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
  nav .navlinks{position:absolute;top:62px;left:0;right:0;background:#fff;border-bottom:1px solid #E4E8EE;flex-direction:column;align-items:stretch;padding:6px 0;box-shadow:0 10px 24px rgba(27,36,48,.10);display:none}
  nav .navlinks.open{display:flex}
  nav a.link{margin:0;padding:13px 22px;font-size:16px}
}
/* DARK MODE (prefers-color-scheme): parity with siblings; text/hamburger legible on the dark nav */
@media (prefers-color-scheme:dark){
  nav{background:rgba(13,17,23,.85);border-bottom-color:rgba(255,255,255,.12)}
  .brand{color:#EAF0F6}
  .brand b{color:#7BA6D0}
  nav a.link{color:#C3CCD6}
  nav a.link.active{color:#7BA6D0}
  nav a.link:hover{color:#9FC1E0}
  nav .navtoggle{color:#EAF0F6}
  nav .navtoggle:hover{background:rgba(94,143,192,.16)}
}
@media (max-width:820px) and (prefers-color-scheme:dark){
  nav .navlinks{background:#151B22;border-bottom-color:rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(0,0,0,.4)}
}