:root{font-family:system-ui,sans-serif;color:#17251e;background:#f3f1eb;line-height:1.65;font-size:18px}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:24px}h1{font-size:clamp(2rem,6vw,3rem);line-height:1.2}a{color:#175436}button,select{font:inherit;min-height:48px;border:1px solid #64786b;border-radius:10px;padding:10px 14px;color:inherit;background:#fff;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button[aria-pressed=true]{background:#193d30;color:#fff}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #167db5;outline-offset:3px}.settings,#modules{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}label{font-weight:700}article,.example{padding:18px;border:1px solid #75867d;background:#fff;border-radius:14px;margin:16px 0;overflow-wrap:anywhere}.options{display:flex;gap:12px;flex-wrap:wrap}.feedback{font-weight:700}input{width:22px;height:22px;vertical-align:middle}html[data-reading-size=large]{font-size:21px}html[data-reading-size=extra-large]{font-size:25px}html[data-reading-contrast=true]{color:#fff;background:#000}html[data-reading-contrast=true] :is(article,.example,button,select){background:#000;color:#fff;border-color:#fff}html[data-reading-contrast=true] a{color:#ffeb3b}html[data-reading-contrast=true] button[aria-pressed=true]{background:#ffeb3b;color:#000}#lesson{min-height:80px}#status{font-weight:700}@media(max-width:560px){main{padding:18px 14px}.options button{width:100%}.settings button{flex:1 1 140px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}