:root{--bg:#fbfaf7;--text:#1c1c1f;--muted:#5d6068;--line:#dcdad3;--accent:#1f4fa3;--th:#efede7;--code:#f1efe9}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14151a;--text:#e8e8ea;--muted:#a3a6b0;--line:#34363f;--accent:#8fb6ff;--th:#1e2028;--code:#1e2028}}
:root[data-theme=light]{--bg:#fbfaf7;--text:#1c1c1f;--muted:#5d6068;--line:#dcdad3;--accent:#1f4fa3;--th:#efede7;--code:#f1efe9;color-scheme:light}
:root[data-theme=dark]{--bg:#14151a;--text:#e8e8ea;--muted:#a3a6b0;--line:#34363f;--accent:#8fb6ff;--th:#1e2028;--code:#1e2028;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:1.0625rem/1.68 Charter,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
a{color:var(--accent);text-underline-offset:2px}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:12px;top:-60px;background:var(--text);color:var(--bg);padding:8px 14px;border-radius:6px;z-index:5}
.skip:focus{top:12px}
.top{max-width:80rem;margin:0 auto;padding:18px 20px 0;display:flex;justify-content:space-between;gap:12px;font:600 .95rem Charter,"Iowan Old Style","Palatino Linotype",Palatino,"Noto Serif","Source Serif 4",Georgia,"DejaVu Serif","Times New Roman",serif}
.top a{text-decoration:none;color:var(--text)}
.top .brand span{color:var(--muted);font-weight:500}
.top .dl{color:var(--accent)}
main{max-width:80rem;margin:0 auto;padding:28px clamp(16px,4vw,48px) 64px}
h1{font-size:2rem;line-height:1.2;margin:.4em 0 .3em;letter-spacing:-.01em}
.by{color:var(--muted);margin:0 0 4px;font-family:Charter,"Iowan Old Style","Palatino Linotype",Palatino,"Noto Serif","Source Serif 4",Georgia,"DejaVu Serif","Times New Roman",serif;font-size:.95rem}
.note{color:var(--muted);font-style:italic}
h2{font-size:1.4rem;line-height:1.3;margin:2.2em 0 .5em;padding-top:.6em;border-top:1px solid var(--line)}
h3{font-size:1.1rem;margin:1.6em 0 .3em}
p,li{overflow-wrap:break-word}
li{margin:.25em 0}
ul,ol{padding-left:1.4em}
.toc{font-family:Charter,"Iowan Old Style","Palatino Linotype",Palatino,"Noto Serif","Source Serif 4",Georgia,"DejaVu Serif","Times New Roman",serif;font-size:.92rem;background:var(--th);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:20px 0}
.toc b{display:block;margin-bottom:4px}
.toc ul{margin:0;padding:0;list-style:none;columns:2;column-gap:28px}
.toc li{margin:.1em 0}
@media(max-width:560px){.toc ul{columns:1}h1{font-size:1.6rem}}
.tablewrap{overflow-x:auto;margin:14px -4px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:30rem;font:.86rem/1.45 Charter,"Iowan Old Style","Palatino Linotype",Palatino,"Noto Serif","Source Serif 4",Georgia,"DejaVu Serif","Times New Roman",serif}
th,td{border:1px solid var(--line);padding:6px 9px;text-align:left;vertical-align:top}
th{background:var(--th)}
td:first-child{min-width:7.5rem}
img{display:block;max-width:100%;height:auto;margin:10px auto;border-radius:4px;background:#fff}
.files{font-family:Charter,"Iowan Old Style","Palatino Linotype",Palatino,"Noto Serif","Source Serif 4",Georgia,"DejaVu Serif","Times New Roman",serif;font-size:.92rem;border-top:1px solid var(--line);margin-top:2.4em;padding-top:14px;color:var(--muted)}
.files a{margin-right:14px;white-space:nowrap}
footer{max-width:80rem;margin:0 auto;padding:0 20px 40px;color:var(--muted);font:.85rem Charter,"Iowan Old Style","Palatino Linotype",Palatino,"Noto Serif","Source Serif 4",Georgia,"DejaVu Serif","Times New Roman",serif}
footer a{color:var(--muted)}
@media print{.top,.toc,.files,footer{display:none}body{background:#fff;color:#000}}

/* readable line length for prose; tables, figures and contents use the full width */
main>p,main>ul,main>ol,main>h1,main>h2,main>h3,main>.by,main>.note,main>.toc{max-width:52rem;margin-left:auto;margin-right:auto}
main img{max-width:min(100%,64rem)}
.top{padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}
footer{padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}

.theme{font:600 .85rem Charter,"Iowan Old Style","Palatino Linotype",Palatino,"Noto Serif","Source Serif 4",Georgia,"DejaVu Serif","Times New Roman",serif;color:var(--accent);background:none;border:1px solid var(--line);border-radius:6px;padding:4px 10px;cursor:pointer}
.top .right{display:flex;gap:14px;align-items:center}