:root{--ink:#111;--paper:#f6f3ec;--card:#fff;--muted:#68645e;--amber:#bd7b18;--amber-soft:#fbf2df;--line:#ddd8cf;--blue:#e9f0f5;--green:#315f49}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.55}.shell{width:min(880px,calc(100% - 32px));margin:auto;padding:28px 0 64px}.tool-header{display:flex;align-items:center;gap:12px;font-weight:700}.tool-header small{margin-left:auto;color:var(--muted);font-weight:400}.mark{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid var(--amber);border-radius:50%;color:var(--amber);font-size:.75rem}#screen{margin-top:30px}.panel{padding:clamp(26px,5vw,54px);background:var(--card);border:1px solid var(--line);border-radius:28px}.eyebrow{margin:0 0 14px;color:var(--amber);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}h1{max-width:760px;margin:0;font-size:clamp(2.35rem,6.5vw,4.8rem);line-height:1;letter-spacing:-.055em}h2{margin:0 0 16px;font-size:clamp(1.75rem,4.2vw,2.55rem);line-height:1.14;letter-spacing:-.025em}h3{margin:28px 0 12px;font-size:1.2rem}.lead{max-width:700px;color:var(--muted);font-size:1.12rem}.meta{display:flex;flex-wrap:wrap;gap:9px 14px;margin:28px 0;padding:15px 0;border-block:1px solid var(--line);color:var(--muted);font-size:.92rem}.meta b{color:var(--ink)}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border:1px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.primary{background:var(--ink);color:#fff}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;color:var(--muted);font-size:.9rem}.progress{height:8px;margin-bottom:30px;overflow:hidden;background:#e7e2d9;border-radius:10px}.progress span{display:block;height:100%;background:var(--amber);transition:width .25s}.statement{margin:0 0 28px;font-size:clamp(1.65rem,4vw,2.35rem);font-weight:700;line-height:1.23;letter-spacing:-.025em}fieldset{margin:0;padding:0;border:0}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#fcfbf8;font-weight:700;text-align:center;cursor:pointer}.option input{position:absolute;opacity:0}.option:has(input:checked){border-color:var(--amber);background:var(--amber-soft);box-shadow:0 0 0 1px var(--amber)}.option:has(input:focus-visible){outline:3px solid var(--amber);outline-offset:3px}.feedback{margin-top:24px;padding:22px;background:var(--blue);border-left:4px solid #526f80;border-radius:12px}.feedback .answer{margin:0 0 8px;font-weight:800}.feedback p:last-child{margin-bottom:0}.feedback-correct{border-left-color:var(--green)}.feedback-neutral{border-left-color:var(--amber)}.topic-link{display:inline-flex;margin-top:10px;color:#31566b;font-weight:700}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.summary-card{padding:19px;border:1px solid var(--line);border-radius:14px;background:#fcfbf8}.summary-card strong{display:block;margin-bottom:6px;font-size:1.05rem}.topic-list{display:grid;gap:10px;padding:0;list-style:none}.topic-list li{padding:14px 16px;background:#f3f1ec;border-radius:11px}.tool-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.tool-links .button{min-height:64px;text-align:center}.note{margin-top:24px;padding:17px;background:var(--amber-soft);border-radius:12px;color:#5c4a2c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:10;padding:10px;background:#fff}footer{padding:18px;text-align:center;color:var(--muted);font-size:.86rem}@media(max-width:640px){.shell{width:100%;padding:16px 0 42px}.tool-header{padding:0 18px}.tool-header small{display:none}#screen{margin-top:20px}.panel{padding:28px 18px;border-inline:0;border-radius:0}h1{font-size:2.55rem}.options,.summary-grid,.tool-links{grid-template-columns:1fr}.actions button,.actions .button{width:100%}.option{min-height:56px}.feedback{padding:18px}}