/* Shared site header for pages that don't load styles.css (guides, neighborhoods). Mirrors the header in styles.css. */
header.site{position:relative;z-index:20;background:#0E1C3B;color:#F5F7FA;border-bottom:1px solid rgba(255,255,255,.08);font-family:"Archivo",Helvetica,Arial,sans-serif;font-variation-settings:"wdth" 100;line-height:1.6;font-size:17px}
header.site *{box-sizing:border-box}
header.site a{color:inherit}
header.site .wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
header.site .mark{text-decoration:none;display:flex;flex-direction:column;line-height:1}
header.site .mark b{font-family:"Archivo","Arial Black",Helvetica,sans-serif;font-variation-settings:"wdth" 125;font-weight:900;font-size:1.15rem;letter-spacing:.02em;text-transform:uppercase}
header.site .mark span{font-family:"Libre Baskerville",Baskerville,Georgia,serif;font-style:italic;font-size:.82rem;color:#B0C8DC;margin-top:4px}
header.site nav.main{display:flex;align-items:center;gap:26px}
header.site nav.main a{text-decoration:none;font-weight:600;font-size:.95rem}
header.site nav.main a:not(.btn):hover,header.site nav.main a[aria-current="page"]{color:#FFD53A}
header.site nav.main .btn{display:inline-flex;align-items:center;font-family:"Archivo","Arial Black",Helvetica,sans-serif;font-variation-settings:"wdth" 110;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:.7em 1.1em;font-size:.8rem;border-radius:3px;text-decoration:none;background:#FFD53A;color:#0E1C3B;white-space:nowrap}
header.site :focus-visible{outline:3px solid #FFD53A;outline-offset:3px}
@media (max-width:820px){
  header.site .wrap{flex-wrap:wrap;row-gap:4px;padding-block:12px 4px;position:relative}
  header.site nav.main{order:3;width:100%;gap:0;justify-content:space-around;border-top:1px solid rgba(255,255,255,.1)}
  header.site nav.main a:not(.btn){display:inline-flex;align-items:center;min-height:44px;padding:0 8px;font-size:.95rem}
  header.site nav.main a.nav-extra{display:none}
  header.site nav.main .btn{position:absolute;top:12px;right:max(20px,env(safe-area-inset-right,0px))}
}
@media (max-width:820px){header.site .mark b{font-size:clamp(.85rem,4vw,1.15rem)}header.site nav.main .btn{padding:.6em .8em;font-size:.72rem}}
@media (max-width:359px){header.site .mark{max-width:calc(100% - 130px)}header.site .mark b{font-size:.8rem}}
@media (max-width:400px){header.site .mark b{font-size:clamp(.78rem,3.8vw,1rem)}header.site nav.main .btn{padding:.55em .7em;font-size:.68rem}}