:root{--page:#f6f7f9;--surface:#fff;--ink:#1c2430;--muted:#5b6675;--line:#dfe4ea;--accent:#1f5f8b;--accent-soft:#eaf2f8;--good:#1c6b45;--good-soft:#e8f4ee;--bad:#9c2f2f;--bad-soft:#fbecec;--radius:12px}*{box-sizing:border-box}html,body{background:var(--page);color:var(--ink);overflow-wrap:break-word;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.6}main{max-width:720px;margin:0 auto;padding:1rem 1rem 5rem}h1{margin:0 0 .25rem;font-size:1.5rem}h2{margin:0 0 .5rem;font-size:1.15rem}p{margin:0 0 .75rem}a{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.muted{color:var(--muted);font-size:.92rem}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-right:.35rem;padding:.1rem .6rem;font-size:.8rem;display:inline-block}button,.button{font:inherit;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1.1rem;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{background:var(--surface);color:var(--accent)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input,textarea,select{font:inherit;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);min-height:44px;padding:.65rem}textarea{resize:vertical;min-height:160px}label{margin:.75rem 0 .25rem;font-weight:600;display:block}.row{flex-wrap:wrap;gap:.5rem;display:flex}.choice{text-align:left;background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line);margin-bottom:.5rem;padding:.75rem .9rem;display:block}.choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.feedback-good{background:var(--good-soft);border-left:4px solid var(--good);border-radius:var(--radius);padding:.75rem}.feedback-bad{background:var(--bad-soft);border-left:4px solid var(--bad);border-radius:var(--radius);padding:.75rem}.notice{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:var(--radius);margin-bottom:1rem;padding:.75rem}.passage{background:var(--page);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.75rem;padding:.9rem}nav.main{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}nav.main ul{gap:.25rem;max-width:960px;margin:0 auto;padding:.5rem;list-style:none;display:flex;overflow-x:auto}nav.main a{border-radius:var(--radius);white-space:nowrap;color:var(--muted);padding:.45rem .7rem;text-decoration:none;display:block}nav.main a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.bar{background:var(--line);border-radius:999px;height:10px;overflow:hidden}.bar span{background:var(--accent);height:100%;display:block}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;padding:.5rem .4rem}td button{width:100%;padding:.5rem .7rem;font-size:.9rem}