/* Reading pages reuse the site's charcoal/lime Learn identity. */
:root{color-scheme:dark;--bg:#101516;--surface:#151b1c;--text:#f6f7f5;--muted:#b2bdbf;--line:#3c494b;--accent:#b9fa50}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:17px/1.65 Inter,Arial,sans-serif}
a{color:var(--accent);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,.button{display:inline-block;min-height:44px;padding:10px 18px;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:#101516;font-weight:700;text-decoration:none;cursor:pointer}
button.secondary{background:transparent;color:var(--text);border-color:var(--muted)}button:disabled{opacity:.6;cursor:wait}
header{max-width:1180px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font:700 18px monospace;color:var(--text);text-decoration:none}.brand img{width:42px;height:42px}header nav{display:flex;gap:20px}header nav a{font-size:15px}
main{max-width:850px;padding:30px 24px 60px;margin:auto;min-width:0}.wide{max-width:1180px}.breadcrumbs{font-size:14px;color:var(--muted);margin:0 0 22px}
h1,h2,h3{line-height:1.15;letter-spacing:-.035em;margin:0 0 18px;color:var(--text)}h1{font-size:clamp(32px,5vw,52px)}h2{font-size:28px;margin-top:42px}h3{font-size:21px;margin-top:24px}p{margin:0 0 20px}li{margin:8px 0}ul,ol{padding-left:24px}.lead{font-size:21px;color:var(--muted);max-width:760px}.notice{border-left:3px solid var(--accent);padding:12px 20px;background:var(--surface);margin:24px 0}.meta{color:var(--muted);font-size:14px}
code{font:14px/1.6 Consolas,monospace;color:#d3f6b0;overflow-wrap:anywhere}pre{margin:20px 0;padding:20px;border:1px solid var(--line);background:#0b1011;border-radius:3px;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}pre code{color:var(--text)}
.module{padding:28px 0;border-bottom:1px solid var(--line)}.module h2{margin-top:0}.module li{margin:6px 0}.module .status{color:var(--muted);font:13px monospace}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}.actions a:not(.button){padding:10px 0}
details{margin:18px 0;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;min-height:44px;font-weight:700}details p{margin-top:12px}footer{max-width:1180px;margin:auto;padding:28px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
fieldset{margin:24px 0;padding:20px;border:1px solid var(--line)}legend{font-weight:700;padding:0 8px}.option{display:flex;align-items:flex-start;gap:12px;padding:8px 0;min-height:44px}.option input{width:20px;height:20px;margin-top:5px;flex-shrink:0}.answer{margin:12px 0 0;color:var(--muted)}.passed{color:var(--accent)}.failed{color:#ffb59e}.result{padding:18px;border:1px solid var(--line);margin-top:20px}.result li{margin-bottom:12px}
.field{display:block;margin:16px 0}.field>span{display:block;font-weight:700;margin-bottom:8px}select,input[type=file]{width:100%;max-width:100%;background:var(--surface);color:var(--text);border:1px solid var(--muted);padding:12px;border-radius:3px}input[type=checkbox]{accent-color:var(--accent)}.declaration{display:flex;gap:12px;align-items:flex-start;margin:20px 0}.declaration input{margin-top:7px;width:20px;height:20px;flex-shrink:0}
.preview-host{overflow:auto;max-width:100%;border:1px solid var(--line);margin:20px 0;background:#fff;min-height:40px}.measure-host{position:absolute;left:-10000px;top:0;width:800px;visibility:hidden;pointer-events:none}.skip{position:absolute;top:-100px;left:16px;background:var(--accent);color:#101516;padding:12px}.skip:focus{top:8px;z-index:10}
.next{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:44px;padding-top:24px}.next a{min-height:44px}table{border-collapse:collapse;width:100%;margin:20px 0}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}[hidden]{display:none!important}
@media(max-width:600px){header{align-items:flex-start;padding:18px 16px;flex-wrap:wrap;gap:12px}.brand{font-size:16px}.brand img{width:32px;height:32px}header nav{gap:18px}main{padding:24px 16px 48px}.lead{font-size:18px}body{font-size:16px}h2{font-size:25px}pre{padding:14px}fieldset{padding:12px}.next{flex-direction:column;gap:8px}footer{padding:24px 16px}}
header nav{flex-wrap:wrap}
@media print{header,.skip,.actions,button,footer{display:none}body{background:#fff;color:#111}h1,h2,h3,code,pre code{color:#111}a{color:#164d39}main{max-width:none}.notice,pre{background:#f5f5f5}.meta,.lead{color:#333}details{break-inside:avoid}}