:root {color-scheme:light;--ink:#202a36;--muted:#535e6b;--line:#d4dae1;}
*{box-sizing:border-box}body{margin:0;background:#fcfcf9;color:var(--ink);
font:18px/1.65 Georgia,'Times New Roman',serif;}
main{max-width:62rem;margin:auto;padding:2rem 2rem 5rem;}
nav,footer,.notice{font:15px/1.5 system-ui,sans-serif;}
nav{border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:2rem}
a{color:#174f88;text-underline-offset:3px}h1,h2,h3{font-family:system-ui,sans-serif;
line-height:1.25;overflow-wrap:anywhere;}h1{font-size:2.2rem}h2{margin-top:3rem;font-size:1.6rem}
h3{margin-top:2.2rem;font-size:1.22rem}.notice{padding:.8rem 1rem;background:#eef2f6;
border-left:3px solid #687e96;margin:1.3rem 0}.math-display{display:block;overflow-x:auto;
padding:.6rem 0;max-width:100%}mjx-container{max-width:100%}blockquote{border-left:3px solid
var(--line);padding-left:1rem;margin-left:0}pre{overflow-x:auto;padding:1rem;background:#eef2f6}
code{font-size:.88em}.lesson img{display:block;max-width:100%;height:auto}
table{border-collapse:collapse;width:100%;font-size:.95em}
.table-scroll{max-width:100%;overflow-x:auto}
mjx-container mjx-assistive-mml{width:1px!important;height:1px!important;overflow:hidden!important}
th,td{text-align:left;vertical-align:top;padding:.6rem;border-bottom:1px solid var(--line)}
footer{margin-top:3rem;border-top:1px solid var(--line);padding-top:1rem;color:var(--muted)}
@media(max-width:650px){body{font-size:17px}main{padding:1rem 1rem 3rem}h1{font-size:1.8rem}
table{font-size:.85em}th,td{padding:.4rem}}