/* Header navigation, breadcrumbs and footer, shared by the landing page and every site page. */
.skip{position:absolute;left:-9999px;top:8px;background:#0C3B3A;color:#EAF7F1;padding:10px 16px;border-radius:10px;z-index:9;font-weight:700}
.skip:focus{left:16px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;flex-wrap:wrap}
.nav .brand img{height:36px;width:auto;display:block}
.nav .links{display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap}
.nav .links a{font-weight:700;text-decoration:none;color:#0C3B3A}
.nav .links a[aria-current=page]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px}
.nav .links a.help{background:#0C3B3A;color:#EAF7F1;border-radius:999px;padding:8px 16px}
.crumbs{font-size:15px;margin:0 0 6px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li:before{content:"›";margin-right:6px;opacity:.6}
.crumbs a{text-decoration:none}.crumbs [aria-current]{opacity:.75}
footer.site{background:#0C3B3A;color:#C9E3DB;padding:56px 0 40px;font-size:16px;line-height:1.55}
footer.site a{color:#EAF7F1}
footer.site .logo{height:32px;width:auto;margin-bottom:16px;display:block}
footer.site .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:28px}
footer.site h2{font-family:Fredoka,system-ui,sans-serif;font-size:18px;color:#EAF7F1;margin:0 0 10px}
footer.site ul{list-style:none;padding:0;margin:0}footer.site li{margin:6px 0}
footer.site .fine{margin-top:32px;font-size:14px}
footer.site p{margin:12px 0 0}
@media(max-width:860px){.nav .links a.opt{display:none}footer.site .cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){
  .skip:focus{left:10px}
  .nav{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 0}
  .nav .links{gap:8px 14px}
  .nav .links a{font-size:15px}
  .nav .links a.help{padding:7px 14px}
  .crumbs{font-size:14px}
  footer.site .cols{grid-template-columns:1fr}
}