.logo { display:inline-flex; align-items:center; gap:var(--space-10); min-height:44px; color:var(--chalk); text-decoration:none; }
.logo .mark { flex:none; }
.logo .logo-tile { fill:var(--signal); } .logo .logo-bar { fill:var(--night); }
.logo.is-night .logo-tile { fill:var(--night); } .logo.is-night .logo-bar { fill:var(--signal); }
.wordmark { font:italic 800 1.75rem/1 var(--font-display); text-transform:uppercase; }
.logo.is-md .wordmark { font-size:2.2rem; } .logo.is-lg .wordmark { font-size:3rem; }
.logo.is-night .wordmark { color:var(--night); }
.skip { position:absolute; left:-999px; top:0; z-index:30; padding:var(--space-8) var(--space-12); background:var(--signal); color:var(--night); }
.skip:focus { left:8px; top:8px; }
.site-head { border-bottom:1px solid var(--rule); background:var(--night); }
.site-head-in { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-4) var(--space-28); max-width:1240px; min-height:64px; margin:0 auto; padding:var(--space-10) var(--web-gutter); box-sizing:border-box; }
.site-left, .site-right { display:flex; flex-wrap:wrap; align-items:center; gap:0 var(--space-28); }
.site-right { gap:0 var(--space-12); }
.site-nav { display:flex; flex-wrap:wrap; gap:0 22px; }
.site-nav a, .site-search { display:inline-flex; align-items:center; gap:var(--space-6); min-height:44px; color:var(--dim); font:600 13px/1 var(--font-mono); letter-spacing:0.08em; text-transform:uppercase; text-decoration:none; }
.site-nav a[aria-current="page"] { color:var(--signal); }
.site-nav a:hover, .site-search:hover { color:var(--chalk); }
.site-search[aria-current="page"] { color:var(--signal); }
@media (max-width:599px) { .site-head-in, .site-left { gap:var(--space-4) var(--space-16); } .site-nav { gap:0 var(--space-14); } .site-search { justify-content:center; min-width:44px; } .site-search .oa-icon { width:var(--space-20); height:var(--space-20); } .site-search span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } }
.site-signin { display:inline-flex; align-items:center; min-height:44px; padding:0 var(--space-16); border:1px solid var(--rule); border-radius:var(--radius-12); color:var(--chalk); font:600 13px/1 var(--font-mono); letter-spacing:0.08em; text-transform:uppercase; text-decoration:none; }
.site-signin:hover { border-color:var(--signal); }
.site-private { display:inline-flex; align-items:center; gap:var(--space-8); margin:0; color:var(--dim); font:600 13px/1 var(--font-mono); letter-spacing:0.08em; text-transform:uppercase; }
.site-foot { border-top:1px solid var(--rule); }
.site-foot-in { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; gap:var(--space-12) 32px; max-width:1240px; margin:0 auto; padding:var(--space-24) var(--web-gutter) 32px; box-sizing:border-box; }
.site-foot-links { display:flex; flex-direction:column; gap:var(--space-6); flex:1 1 320px; min-width:0; }
.site-foot nav { display:flex; flex-wrap:wrap; gap:0 18px; }
.site-foot nav a { display:inline-flex; align-items:center; min-height:44px; min-width:44px; color:var(--dim); font:500 13px/1.6 var(--font-mono); letter-spacing:0.04em; text-transform:uppercase; text-decoration:none; }
.site-foot nav a:hover { color:var(--chalk); }
.site-note { margin:0; max-width:620px; color:var(--dim); font-size:13px; line-height:1.5; }
.site-feed { margin:0; padding:var(--space-12) 0; color:var(--chalk); font:500 13px/1.6 var(--font-mono); letter-spacing:0.04em; text-transform:uppercase; }