.header{border-bottom:1px solid var(--border);background:var(--bg);z-index:20;position:relative}.header__inner{align-items:center;gap:24px;max-width:1440px;margin:0 auto;padding:14px 32px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand svg{color:var(--accent)}.nav{gap:4px;display:flex}.nav a{color:var(--muted);border-radius:var(--radius-sm);padding:8px 12px;text-decoration:none}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{background:var(--panel-2);color:var(--text);font-weight:600}.header__stats{color:var(--muted);align-items:center;gap:16px;margin-left:auto;display:flex}.header__stats strong{color:var(--text)}.header__sep{background:var(--border);width:1px;height:18px}.header__date{align-items:center;gap:8px;display:inline-flex}.badge{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.badge:before{content:"";background:var(--good);border-radius:50%;width:6px;height:6px}.badge--sample{border-color:var(--warn);color:var(--warn)}.badge--sample:before{background:var(--warn)}.header__menu,.header__view,.header__mobile-stats{display:none}@media (width<=720px){.header__inner{gap:12px;padding:12px 16px}.header__menu{justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.header__view{margin-left:auto;display:inline-flex}.header__view button{justify-content:center;align-items:center;width:44px;height:38px;padding:0;display:inline-flex}.header__stats{display:none}.nav{background:var(--panel);border-bottom:1px solid var(--border);flex-direction:column;padding:8px 16px;display:none;position:absolute;top:100%;left:0;right:0}.nav[data-open=true]{display:flex}.nav a{padding:12px}.header__mobile-stats{color:var(--muted);max-width:100%;padding:10px 16px 0;display:block}.header__mobile-stats strong{color:var(--text)}}.footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:24px;padding:18px 32px;font-size:12.5px;display:flex}.footer p{margin:0}@media (width<=720px){.footer{flex-direction:column;gap:8px;padding:16px}}