*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font-body);background:var(--page-bg);color:var(--text-primary);}
a{text-decoration:none;}
.site-nav{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2.5rem;border-bottom:0.5px solid var(--side-hairline);background:var(--panel);}
.nav-logo{display:flex;align-items:center;gap:10px;}
.nav-logo img{width:var(--logo-size-header);height:var(--logo-size-header);object-fit:contain;}
.nav-brand{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:0.08em;font-variant:small-caps;color:var(--side-text);}
.nav-brand span{color:var(--red);}
.nav-right{display:flex;align-items:center;gap:0.5rem;}
.nav-links{margin-right:1.25rem;}
.nav-links a{font-size:13px;color:var(--side-muted);margin-left:1.75rem;}
@media(hover:hover){.nav-links a:hover{color:var(--side-text);}}
.site-nav .nav-logo:focus-visible,.site-nav .nav-links a:focus-visible{outline:2px solid var(--side-text);outline-offset:2px;}
.site-nav .btn-primary:focus-visible,.site-nav .btn-secondary:focus-visible{outline-color:var(--side-text);}
.brand-bar-name{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:0.08em;font-variant:small-caps;color:var(--side-text);}
.brand-bar-name span{color:var(--red);}
.site-nav:has(+ main > .brand-band:first-child){border-bottom-color:var(--panel);}
.site-nav + main > .brand-band:first-child{padding-top:1.25rem;}
.content{max-width:var(--public-band);margin:0 auto;padding:3rem 2rem;}
@media(max-width:768px){
  .site-nav{position:relative;padding:1rem 1.25rem calc(1rem + 44px);flex-wrap:wrap;}
  .site-nav{row-gap:0.75rem;}
  .nav-right{flex-basis:100%;}
  .site-nav .btn-primary,.site-nav .btn-secondary{min-height:0;font-size:12px;padding:6px 12px;position:relative;}
  .site-nav .btn-primary::before,.site-nav .btn-secondary::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);}
  .nav-links{position:absolute;left:0;right:0;bottom:0;display:flex;overflow-x:auto;padding:0 0.5rem;border-top:0.5px solid var(--side-hairline);}
  .nav-links{margin-right:0;}
  .nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 0.75rem;margin-left:0;white-space:nowrap;}
  .site-nav .nav-links a:focus-visible{outline-offset:-2px;}
  .content{padding:3rem 1.25rem;}
}
