*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:850px;margin:auto;padding:24px}header{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border)}header img{width:40px}header strong{font-size:24px}h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.025em}h2{font-size:24px;margin-top:36px}a{color:var(--brand)}a:focus-visible{outline:3px solid var(--brand);outline-offset:4px}p,li{overflow-wrap:anywhere}.notice{background:var(--surface);border:1px solid var(--border);padding:18px;border-radius:18px;color:var(--muted)}footer{border-top:1px solid var(--border);font-size:14px;color:var(--muted)}
.brand-mark{color:var(--brand);flex-shrink:0}header{flex-wrap:wrap}header strong{font-size:22px}@media(max-width:420px){.theme-controls{flex-basis:100%;justify-content:flex-end}}