/* header */
.site-header { background: var(--paper); border-bottom: 1px solid var(--line); }
.site-header .wrap { display: flex; align-items: center; gap: var(--s5); min-height: 68px; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-stretch: 85%; font-size: 1.25rem; letter-spacing: -0.01em; text-decoration: none; color: var(--ink); margin-right: auto; }
.brand img { width: 28px; height: 28px; }
.nav { display: flex; gap: var(--s5); }
.nav a { text-decoration: none; font-weight: 600; font-size: 0.9375rem; padding: var(--s2) 0; }
.nav a:hover, .nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }

@media (max-width: 720px) {
  .nav a:not(.keep) { display: none; }
}

@media (max-width: 480px) {
  .site-header .btn { display: none; }
}