:root{color-scheme:light;--ink:#142b40;--blue:#125cc5}*{box-sizing:border-box}body{margin:0;background:#f2f6fa;color:var(--ink);font:17px/1.6 system-ui,sans-serif}.practice-shell{max-width:900px;margin:auto;padding:24px}nav,.practice-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}a{color:var(--blue)}header{padding:30px 0}h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:10px 0}h2{font-size:24px;line-height:1.45}.eyebrow{color:#14765e;font-weight:700}.practice-card{background:white;border:1px solid #d9e2ec;border-radius:18px;padding:26px;margin-bottom:20px;box-shadow:0 8px 28px #142b4008}.muted{color:#526476;font-size:14px}button,.practice-link{font:inherit;border-radius:10px;border:1px solid #b7c9dd;background:#fff;color:var(--ink);padding:12px 18px;cursor:pointer}button:hover{background:#eaf2ff}button:focus-visible,a:focus-visible{outline:3px solid #df8c00;outline-offset:3px}button[aria-pressed=true],.primary{background:var(--blue);color:#fff}.option{display:block;text-align:left;width:100%;margin:10px 0}.option.correct{border:2px solid #178260;background:#edf9f3}.option.wrong{border:2px solid #c64736;background:#fff0ed}.option:disabled{cursor:default;color:var(--ink)}progress{width:100%;accent-color:var(--blue)}.feedback{border-left:4px solid #178260;padding:12px 18px;background:#f4f8fc}.practice-actions{justify-content:flex-start;margin-top:18px}#storage-warning{color:#993b15}@media(max-width:520px){.practice-shell{padding:14px}.practice-card{padding:18px}.practice-actions button{flex:1}nav{font-size:14px}}