/* Help-side pages (10/29): /help/, /status/, /whats-new/, /compare/ - one header nav, one page layout, on top of nexus.css */
.bar .wrap { display: flex; align-items: center; gap: 18px; }
.pnav { margin-left: auto; display: flex; gap: 4px; flex-wrap: wrap; }
.pnav a { text-decoration: none; color: var(--muted); font-weight: 600; font-size: .92rem; padding: 8px 12px; border-radius: 999px; }
.pnav a:hover { color: var(--fg); background: rgba(255,255,255,.04); }
.pnav a.on { color: var(--fg); background: rgba(255,198,94,.1); box-shadow: inset 0 0 0 1px rgba(255,198,94,.3); }
.page { max-width: 980px; padding-block: 40px 80px; display: grid; gap: 28px; }
.phead { display: grid; gap: 12px; }
.phead h1 { font-size: clamp(2rem, 5vw, 3rem); font-weight: 900; line-height: 1.08; }
.phead p { max-width: 70ch; }
.page h2 { font-size: 1.5rem; font-weight: 800; scroll-margin-top: 80px; }
.page p, .page li { color: var(--muted); }
.page b, .page strong { color: var(--fg); }
@media (max-width: 760px) {
  .bar .wrap { flex-wrap: wrap; gap: 10px; }
  .pnav { order: 3; width: 100%; margin-left: 0; overflow-x: auto; flex-wrap: nowrap; }
  .pnav a { padding: 6px 10px; font-size: .85rem; white-space: nowrap; }
  .bar .btn-gold { margin-left: auto; }
}