:root{--black:#000;--paper:#F6F0ED;--dim:#9A9592;
--mono:ui-monospace,"Cascadia Mono","DejaVu Sans Mono",Consolas,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--black);color:var(--paper);font:400 15px/1.5 var(--mono)}
.page{width:80ch;max-width:100%;margin:0 auto;padding:22px 12px 48px}
a{color:var(--paper);font-weight:700;text-decoration:underline;text-decoration-color:var(--dim);text-underline-offset:3px}
a:hover,a:focus-visible{text-decoration-color:var(--paper)}
a:focus-visible{outline:2px solid var(--paper);outline-offset:2px}
.skip{position:absolute;left:8px;top:-60px;background:var(--paper);color:var(--black);padding:6px 10px;z-index:5}
.skip:focus{top:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
pre{margin:0;font:inherit;white-space:pre}
.r{color:var(--dim)}.y{color:var(--paper);font-weight:700}
.logo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 2ch;margin:0 auto 18px;font-weight:700}
.logo pre{line-height:1.12}
.logo pre.star{font-size:min(14px,calc((100vw - 24px)/39))}
.logo pre.title{font-size:min(18px,calc((100vw - 24px)/19))}
.banner{margin:0 0 14px;text-align:center;line-height:1.4}
.banner span{background:var(--paper);color:var(--black);font-weight:700;padding:0 .5ch;box-decoration-break:clone;-webkit-box-decoration-break:clone}
nav.main{margin:0 0 22px;text-align:center;line-height:1.9}
nav.main span{white-space:nowrap;margin:0 .2em}
section.nfo{margin:0 0 22px}
h2{margin:0;font:inherit;line-height:1.5}
.asc{display:none}
.flat{display:block}
h2 .flat{display:block;font-weight:700;border-top:1px solid var(--dim);padding-top:6px;margin-bottom:6px}
.flat p,.flat ul,.flat ol,.flat blockquote,.flat pre,.flat h3{margin:0 0 .9em}
.flat ul{list-style:none;padding:0}
.flat ul li{padding-left:2ch;text-indent:-2ch}
.flat ul li::before{content:"- "}
.flat ol{padding-left:3ch}
.flat blockquote{padding-left:2ch;border-left:2px solid var(--dim)}
.flat h3{font:inherit;font-weight:700}
.flat pre.code{color:var(--dim);white-space:pre-wrap;overflow-wrap:anywhere}
.flat p,.flat li{overflow-wrap:anywhere}
.tbl{overflow-x:auto;margin:0 0 .9em}
.tbl:focus-visible{outline:2px solid var(--paper)}
.foot{color:var(--paper)}
@media(min-width:780px){
.page{padding:30px 0 60px}
.logo pre.star{font-size:10px}
.logo pre.title{font-size:16px}
.banner span{font-size:13px}
h2 .asc{display:block;white-space:pre;line-height:1.25}
pre.asc{display:block;line-height:1.25}
.flat,h2 .flat{display:none}
}
@media print{.skip{display:none}}