:root{color-scheme:light;--ink:#202b2a;--muted:#687773;--paper:#f4f3ed;--panel:#fffefa;--green:#294b43;--green2:#dfe9e1;--line:#d9dfd7;--gold:#c3a66a;--wrong:#9b443a;--right:#286648;--shadow:0 14px 38px rgba(37,55,48,.07)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#e7ece4 0,transparent 38%),var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.55}.site-header{max-width:1020px;margin:0 auto;padding:46px 28px 26px;display:flex;gap:18px;align-items:center}.brand-mark{width:54px;height:54px;flex:none;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:30px;background:#fbfaf5}.eyebrow,.section-kicker,.quiz-topline,.stat-label{font-family:Arial,sans-serif;font-size:.72rem;letter-spacing:.13em;font-weight:700;color:var(--muted)}.eyebrow{margin:0 0 4px}.site-header h1{font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.15;margin:0;color:var(--green);font-weight:600}.subtitle{margin:8px 0 0;color:var(--muted);font-size:1rem}.layout{max-width:920px;margin:0 auto;padding:0 24px 44px;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.intro{padding:28px;align-self:start}.section-kicker{margin:0 0 10px;color:#8c7548}.intro h2{font-size:1.65rem;line-height:1.2;color:var(--green);font-weight:500;margin:0 0 12px}.intro>p:not(.section-kicker){color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.stats>div{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.63rem;letter-spacing:.07em}.stats strong{font-size:1.5rem;font-weight:500;color:var(--green)}.quiz{padding:28px;min-width:0}.quiz-topline{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;letter-spacing:.08em}.quiz-topline span:last-child{text-align:right}.prompt{margin:22px 0 2px;color:var(--muted);font-family:Arial,sans-serif;font-size:.9rem}.quiz h2{margin:0;color:var(--green);font-size:clamp(1.5rem,3vw,2rem);font-weight:500;overflow-wrap:anywhere}.meaning{margin:3px 0 14px;color:var(--muted);font-style:italic}.grammar-tags{display:flex;gap:8px;margin-bottom:20px}.grammar-tags span{background:var(--green2);color:var(--green);padding:5px 10px;border-radius:20px;font:700 .75rem Arial,sans-serif}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-option{min-height:52px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fffefa;color:var(--ink);font:1.05rem Georgia,serif;cursor:pointer;transition:border-color .15s,background .15s}.answer-option:hover:not(:disabled){border-color:var(--green);background:#f2f6f0}.answer-option.selected{border:2px solid var(--green);padding:11px 13px;background:#edf3ed}.answer-option:disabled{cursor:default}.answer-option.correct{border-color:var(--right);background:#e6f2e9;color:#20573b}.answer-option.incorrect{border-color:var(--wrong);background:#f8eae7;color:#87392f}.feedback{margin-top:15px;padding:12px 14px;border-radius:10px;background:#f0f2ec;font-family:Arial,sans-serif;font-size:.9rem}.feedback.good{background:#e6f2e9;color:#20573b}.feedback.bad{background:#f8eae7;color:#87392f}.quiz-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button{border:0;border-radius:9px;padding:12px 16px;font:700 .88rem Arial,sans-serif;cursor:pointer}.button:disabled{opacity:.4;cursor:not-allowed}.button-primary{background:var(--green);color:white}.button-primary:hover:not(:disabled){background:#1e3932}.button-secondary{background:#e8ece5;color:var(--green)}.reference{grid-column:1/-1;padding:20px 24px}.reference summary{cursor:pointer;color:var(--green);font-weight:600}.reference-note{color:var(--muted);font-size:.92rem}.paradigm-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.paradigm{border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}.paradigm h3{margin:0 0 3px;color:var(--green);font-size:1.2rem;font-weight:500}.paradigm p{margin:0 0 8px;color:var(--muted);font-size:.86rem}.paradigm table{width:100%;border-collapse:collapse;font: .82rem Arial,sans-serif}.paradigm td{padding:4px 2px;border-top:1px solid #edf0e9}.paradigm td:last-child{text-align:right;font-weight:700}footer{max-width:920px;margin:0 auto;padding:0 24px 26px;display:flex;justify-content:space-between;gap:10px;color:var(--muted);font: .78rem Arial,sans-serif}@media(max-width:720px){.site-header{padding:30px 20px 20px;align-items:flex-start}.brand-mark{width:44px;height:44px;font-size:24px}.layout{grid-template-columns:1fr;padding:0 14px 30px}.intro,.quiz{padding:22px}.reference{grid-column:auto}.paradigm-list{grid-template-columns:1fr}.stats{margin-top:20px}.answers{gap:8px}.answer-option{padding:10px}.quiz-topline{font-size:.65rem}footer{padding:0 16px 22px;flex-direction:column}}