.site-header {position:sticky; top:0; z-index:10; display:block; padding:12px 6% 0; background:#f4f1e9; border-bottom:1px solid #d2d1c8; color:#202521}
.site-header .brand {display:inline-block; padding:4px 0; font-size:20px; font-weight:800; text-decoration:none}
.site-nav {display:flex; flex-wrap:wrap; gap:0 18px; align-items:stretch; margin-top:5px}
.site-nav a {display:flex; align-items:center; min-height:44px; padding:0 2px; font-size:13px; text-decoration:none; border-bottom:3px solid transparent}
.site-nav a[aria-current="page"] {border-color:#a72932; color:#8f242c; font-weight:700}
.site-nav a:hover {text-decoration:underline; text-underline-offset:4px}
@media(max-width:700px) {
  .site-header {padding:8px 5% 0}
  .site-nav {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 8px}
  .site-nav a {font-size:12px; line-height:1.25}
}
@media print {.site-header,.resume-contact {display:none}}