:root{color-scheme:light dark;--bg:#f6f8fb;--ink:#172438;--muted:#526178;--accent:#215ec6;--panel:#fff;--line:#d5dfed;font:17px/1.75 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}header,main,footer{max-width:960px;margin:auto;padding:24px clamp(18px,4vw,48px)}header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;text-decoration:none}h1{font-size:clamp(28px,5vw,42px);line-height:1.3;letter-spacing:-.03em}h2{font-size:24px;margin-top:32px}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}li{margin:12px 0}pre,.table-scroll{max-width:100%;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}code{font-size:15px}.practice-link{display:inline-block;padding:5px 0}.note,footer{color:var(--muted);font-size:14px}.note{border-top:1px solid var(--line);margin-top:32px;padding-top:20px}.seo-schema{overflow-wrap:anywhere}table{border-collapse:collapse}td,th{padding:8px;border:1px solid var(--line)}@media(prefers-color-scheme:dark){:root{--bg:#111a29;--ink:#e6edf8;--muted:#a8b7cf;--accent:#8eb6ff;--panel:#19263a;--line:#34445c}}