.sitenav{display:flex;gap:6px;margin:0 auto 14px;background:#141a28;border:1px solid #1c2436;border-radius:12px;padding:5px;max-width:520px}
.sitenav a{flex:1;text-align:center;color:#8a97b2;text-decoration:none;font-weight:700;font-size:14px;padding:9px 8px;border-radius:9px;
  transition:background .15s,color .15s;white-space:nowrap}
.sitenav a:hover{color:#e6ebf5}
.sitenav a.on{background:#161d2b;color:#ffb35c;box-shadow:inset 0 0 0 1px rgba(255,122,26,.5)}
@media(max-width:560px){.sitenav a{font-size:13px;padding:8px 4px}}
@media(prefers-reduced-motion:reduce){.sitenav a{transition:none}}