/* Static pages. Colors come from theme.css. */
*{box-sizing:border-box;margin:0;padding:0;border-radius:0}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.5;min-height:100svh;display:flex;flex-direction:column}
a{color:var(--link)}
:focus-visible{outline:3px solid var(--hl);outline-offset:2px}
.top{position:relative;background:var(--bg);color:var(--text);padding:calc(8px + env(safe-area-inset-top)) 16px 36px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.top .brand{text-decoration:none;color:var(--ink);line-height:1;display:inline-block}
.top .open{font:700 12px var(--mono);color:var(--text);border:3px solid var(--line);padding:12px 10px;min-height:44px;text-decoration:none;letter-spacing:.5px;display:flex;align-items:center}
.top .open:hover{background:var(--text);color:var(--bg)}
.doc{width:100%;max-width:760px;margin:0 auto;padding:24px 16px 32px;flex:1}
h1{font-weight:900;font-size:clamp(30px,8vw,46px);text-transform:uppercase;line-height:.98}
h2{font:700 13px var(--mono);color:var(--heading);letter-spacing:1px;text-transform:uppercase;margin:28px 0 6px}
p,ul{margin-top:10px}
ul{padding-left:0;list-style:none}
li{border-top:2px solid var(--rule);padding:8px 0}
.lede{font-size:19px}
.mut{color:var(--muted)}
.btn{display:inline-block;background:var(--mari);color:var(--ink);font-weight:900;font-size:18px;text-transform:uppercase;padding:13px 22px 11px;border:3px solid var(--mari);text-decoration:none;margin-top:6px}
.btn:hover{background:var(--text);border-color:var(--text);color:var(--bg)}
.src li{font-size:15px}
.foot{border-top:3px solid var(--line);padding:16px 16px calc(20px + env(safe-area-inset-bottom));font:500 12px var(--mono);color:var(--muted);display:grid;gap:6px;max-width:760px;width:100%;margin:0 auto}
.foot a{color:var(--text)}
.nf{padding-top:8vh}
.nf .code{font:900 clamp(80px,26vw,160px)/.9 var(--sans);color:var(--heading);margin:0}
.nf h1{margin-top:8px}
.nf p{margin-top:14px}

.skip{position:absolute;left:8px;top:-60px;background:var(--mari);color:var(--ink);font-weight:900;padding:12px 16px;z-index:100;text-decoration:none;border:3px solid var(--ink)}
.skip:focus{top:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tw{overflow-x:auto;margin-top:10px}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{border-top:2px solid var(--rule);padding:8px 10px 8px 0;text-align:left;vertical-align:top}
th{font:700 11px var(--mono);color:var(--muted);letter-spacing:1px;text-transform:uppercase}
.foot p{max-width:70ch}