.site-header{align-items:center;gap:.5rem;flex-wrap:wrap}
.site-nav{display:flex;gap:.45rem;flex-shrink:0}
.site-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.45rem .85rem;border:1px solid #b9d8d5;border-radius:999px;background:#edf7f4;color:#082f3b;font:750 .85rem/1.2 system-ui,sans-serif;text-decoration:none;white-space:nowrap}
.site-nav a:hover{background:#d9eee8;border-color:#087f8c}
.site-nav a[aria-current="page"]{background:#087f8c;border-color:#087f8c;color:white}
.site-nav a[aria-current="page"]:hover{background:#066b76}
.site-nav a:focus-visible{outline:3px solid #087f8c;outline-offset:3px}
@media(max-width:420px){.site-header .brand{font-size:.8rem;letter-spacing:.02em}.site-header .mark{width:1.6rem;height:1.6rem;margin-right:.3rem}.site-nav{gap:.3rem}.site-nav a{font-size:.8rem;padding:.45rem .65rem}}