:root{--bg:#faf9f6;--ink:#1f2937;--muted:#6b7280;--card:#fff;--line:#e5e7eb;--accent:#0f766e;--warn:#b45309;--ok:#15803d;--radius:.6rem;--shell:72rem}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,Noto Sans TC,sans-serif;line-height:1.7}html:not([data-gate=ok]) main.lesson{visibility:hidden}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.3rem}.site-header{border-bottom:1px solid var(--line);background:var(--card);justify-content:center;display:flex}.site-header a{width:100%;max-width:var(--shell);letter-spacing:.02em;color:var(--ink);padding:.9rem 1rem;font-weight:700;text-decoration:none}.site-footer{max-width:var(--shell);border-top:1px solid var(--line);color:var(--muted);margin:3rem auto 0;padding:1.5rem 1rem 3rem;font-size:.85rem}.site-footer p{margin:0 0 .6rem}.catalog{max-width:var(--shell);margin:0 auto;padding:3rem 1rem 1rem}.catalog h1{letter-spacing:-.01em;margin:0 0 .6rem;font-size:2rem}.catalog .lead{max-width:42rem;color:var(--muted);margin:0 0 2.5rem;font-size:1.05rem}.module-list{grid-template-columns:repeat(auto-fill,minmax(17rem,21rem));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.module-list a{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);height:100%;color:inherit;padding:1.2rem 1.3rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.module-list a:hover{border-color:var(--accent);transform:translateY(-2px)}.module-list h2{color:var(--accent);margin:0 0 .4rem;font-size:1.15rem}.module-list p{color:var(--muted);margin:0 0 .9rem;font-size:.95rem}.module-steps{background:var(--bg);color:var(--muted);border-radius:999px;padding:.15rem .6rem;font-size:.8rem;display:inline-block}.lesson-shell{max-width:var(--shell);grid-template-columns:260px minmax(0,1fr);align-items:start;gap:2.5rem;margin:0 auto;padding:2rem 1rem 4rem;display:grid}.sidebar{min-width:0;position:sticky;top:1.5rem}.sidebar ol{margin:0;padding:0;list-style:none}.sidebar li{margin:.15rem 0;font-size:.92rem}.sidebar li .chapter{letter-spacing:.1em;color:var(--muted);margin:1.2rem 0 .4rem;font-size:.75rem;display:block}.sidebar li a,.sidebar li span[aria-disabled]{color:var(--ink);border-radius:.4rem;padding:.35rem .6rem;text-decoration:none;display:block}.sidebar li a:hover{background:var(--card)}.sidebar li span[aria-disabled]{color:var(--muted)}.sidebar li.current>a{background:var(--card);border:1px solid var(--line);color:var(--accent);font-weight:700}.sidebar .restart{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--muted);cursor:pointer;border-radius:.4rem;margin-top:1.5rem;padding:.5rem 1rem;font-size:.85rem}.sidebar .restart:hover{color:var(--ink);border-color:var(--muted)}.lesson{min-width:0}.lesson .crumb{color:var(--muted);margin:0;font-size:.9rem}.lesson h1{letter-spacing:-.01em;margin:.3rem 0 1.6rem;font-size:1.75rem;line-height:1.4}.lesson .block{margin-bottom:2.5rem}.lesson .block h2{margin:1.8rem 0 .6rem;font-size:1.2rem}.lesson .block h3{margin:1.4rem 0 .5rem;font-size:1.05rem}.lesson .block p{margin:0 0 1rem}.lesson .block ul,.lesson .block ol{margin:0 0 1rem;padding-left:1.4rem}.lesson .block li{margin:.3rem 0}.lesson .block blockquote{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--muted);margin:1.2rem 0;padding:.8rem 1.1rem}.lesson .block code{background:var(--card);border:1px solid var(--line);border-radius:.3rem;padding:.1rem .35rem;font-size:.9em}.lesson .block pre{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);max-width:100%;padding:.9rem 1rem;overflow-x:auto}.lesson .block pre code{background:0 0;border:0;padding:0}.term-first .term{cursor:help;font-style:normal;text-decoration:underline dotted}.lesson .notice{border:1px solid var(--warn);border-radius:var(--radius);background:var(--card);color:var(--warn);margin:0 0 1.2rem;padding:.7rem 1rem}.quiz{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:1.2rem 1.3rem}.quiz fieldset{border:1px solid var(--line);border-radius:.5rem;margin:0 0 1rem;padding:.9rem 1.1rem}.quiz legend{padding:0 .4rem;font-weight:700}.quiz label{cursor:pointer;border-radius:.35rem;align-items:center;min-height:44px;margin:.2rem 0;padding:.35rem .3rem;display:flex}.quiz label:hover{background:var(--bg)}.quiz input[type=radio]{margin-right:.4rem}.quiz button[type=submit]{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:.4rem;min-height:44px;padding:.5rem 1.4rem;font-size:1rem}.quiz button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.quiz .ok{color:var(--ok)}.quiz .warn{color:var(--warn)}.quiz .muted{color:var(--muted)}.quiz .next{min-height:44px;color:var(--accent);margin-top:.8rem;padding:.6rem 0;font-weight:700;display:inline-block}@media (width<=767px){.lesson-shell{grid-template-columns:minmax(0,1fr);gap:1.2rem;padding:1.2rem 1rem 3rem}.sidebar{border-bottom:1px solid var(--line);padding-bottom:.5rem;position:static}.sidebar ol{-webkit-overflow-scrolling:touch;gap:.4rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.sidebar li{flex:none;margin:0}.sidebar li .chapter{display:none}.sidebar li a,.sidebar li span[aria-disabled]{white-space:nowrap;border:1px solid var(--line);background:var(--card);align-items:center;min-height:44px;padding:.4rem .7rem;display:flex}.sidebar li.current>a{border-color:var(--accent)}.catalog{padding-top:2rem}.catalog h1{font-size:1.6rem}.lesson h1{font-size:1.4rem}}