:root{color-scheme:light;--ink:#16212b;--muted:#536372;--line:#dce4e8;--accent:#145a75}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f7f9fa;font:18px/1.68 Georgia,serif}
header,main,footer{max-width:960px;margin:auto;padding:22px 42px}header{font:15px/1.6 system-ui,sans-serif;border-bottom:1px solid var(--line)}
main{background:white;padding-top:32px;padding-bottom:60px}h1,h2,h3{font-family:system-ui,sans-serif;line-height:1.22;font-weight:650;scroll-margin-top:20px}
h1{font-size:2.2rem;margin-top:10px;margin-bottom:24px}h2{font-size:1.5rem;margin-top:52px}h3{font-size:1.18rem}p{margin:1.05em 0}a{color:var(--accent);text-underline-offset:3px}
main>p:first-of-type{color:var(--muted);font-size:.88rem}strong{font-weight:700}.math-scroll{overflow-x:auto;overflow-y:hidden;padding:6px 0;max-width:100%}
.katex{font-size:1.07em}.katex-display{margin:.8em 0}li{margin:.45em 0}footer{font:14px/1.6 system-ui,sans-serif;color:var(--muted)}nav a{margin-right:16px}
.math-scroll .katex-display>.katex:has(>.katex-html>.katex-tag){width:max-content;min-width:100%}
.math-scroll .katex-display>.katex>.katex-html:has(>.katex-tag){display:flex;align-items:center}
.math-scroll .katex-display>.katex>.katex-html:has(>.katex-tag)>.katex-base:first-child{margin-left:auto}
.math-scroll .katex-display>.katex>.katex-html>.katex-tag{position:static;flex:none;margin-left:auto;padding-left:2em}
@media(max-width:650px){body{font-size:17px}header,main,footer{padding-left:20px;padding-right:20px}h1{font-size:1.85rem}h2{font-size:1.35rem}}
