:root{color-scheme:light;--ink:#172d3b;--muted:#52636d;--line:#d9e0de;--paper:#fbfaf6;--accent:#195b68;--soft:#eaf3f2;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}button,input{font:inherit}button{cursor:pointer;background:#fff;color:var(--ink);border:1px solid #9bacad;border-radius:8px;padding:.7rem 1rem;min-height:44px}button:hover{background:var(--soft)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b46018;outline-offset:4px}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}input{accent-color:var(--accent)}
.skip{position:absolute;top:-5rem;left:1rem;z-index:2;background:#fff;padding:1rem}.skip:focus{top:1rem}.site-header{max-width:1160px;margin:auto;padding:1.6rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:.13em;font-size:.95rem}.brand span{font-weight:400;color:var(--muted);letter-spacing:.06em}.badge{font-size:.78rem;color:var(--accent);background:var(--soft);border-radius:50px;padding:.5rem .85rem;text-align:center}
main{max-width:1160px;margin:auto;padding:0 2rem 2rem}.intro{max-width:810px;padding:3.3rem 0 2.5rem}.eyebrow{font-size:.8rem;letter-spacing:.08em;font-weight:700;color:var(--accent);margin:0 0 1.1rem}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,5.5vw,4rem);letter-spacing:-.025em;line-height:1.12;margin:0 0 1.2rem}h2{font-size:1.15rem;font-weight:700;margin:0;line-height:1.5}h3{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem;margin:0 0 1.3rem}.lead{font-size:1.06rem;line-height:1.8;color:var(--muted);margin-bottom:1.6rem}.language-control{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.language-control>p{font-size:.82rem;font-weight:600;margin:0}.languages{display:flex;gap:.4rem}.languages button{font-size:.87rem}.fine-print{font-size:.79rem;line-height:1.8;color:var(--muted);margin:1.1rem 0 0}
.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:1.5rem;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:2rem}.section-heading{display:flex;align-items:center;gap:.8rem}.step{font-size:.73rem;font-weight:700;letter-spacing:.04em;color:var(--accent);background:var(--soft);width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%}.section-note{font-size:.85rem;line-height:1.7;color:var(--muted);margin:.75rem 0 1.5rem}.paragraph+.paragraph{border-top:1px solid #e9eeeb;padding-top:1.1rem;margin-top:1.3rem}.original{font-family:Georgia,"Times New Roman",serif;line-height:1.9;font-size:1.14rem;margin:0}.paragraph-number{font-family:ui-sans-serif,system-ui,sans-serif;display:inline-block;margin-right:.75rem;color:var(--muted);font-size:.7rem;vertical-align:middle}.translation{font-size:.92rem;line-height:1.95;color:var(--muted);background:#f6f8f5;border-left:3px solid #c1d9d5;padding:.8rem 1rem;margin:1rem 0 0}.word-card{padding:1.6rem}.word-list{display:flex;gap:.5rem;flex-wrap:wrap}.word-button{font-size:.85rem;padding:.45rem .7rem}.word-detail{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.5rem;line-height:1.75;font-size:.9rem;overflow-wrap:anywhere}.detail-label{font-size:.72rem;font-weight:700;color:var(--muted);margin:1.3rem 0 .3rem}.word-detail p:not(.detail-label){margin-top:0}.example{font-family:Georgia,"Times New Roman",serif;font-style:italic}.example-translation{color:var(--muted)}
.quiz-card{margin-top:1.5rem}.question{border:0;border-top:1px solid var(--line);margin:1.6rem 0 0;padding:1.1rem 0 0;min-width:0}.question legend{font-weight:650;font-size:.96rem;line-height:1.7;padding:0 .7rem 0 0}.choices{display:grid;gap:.6rem;max-width:850px}.choice{display:flex;gap:.8rem;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:.85rem 1rem;line-height:1.65;font-size:.93rem;cursor:pointer}.choice:hover{background:#f7faf9}.choice:has(input:checked){border-color:var(--accent);background:var(--soft)}.choice input{margin:.34rem 0 0;min-width:18px;min-height:18px}.feedback{font-size:.89rem;line-height:1.8;padding:.8rem 1rem;border-left:3px solid #9baab0;background:#f2f5f5;margin:.8rem 0 0}.feedback.correct{border-color:#25734e;background:#f0f8f1}.feedback.incorrect{border-color:#95652d;background:#fcf5e9}.quiz-actions{display:flex;gap:.7rem;margin-top:1.8rem;flex-wrap:wrap}.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.primary:hover{background:#10424c}.quiz-summary{font-size:.92rem;font-weight:600;line-height:1.8;margin:1rem 0 0}.quiz-summary:empty{display:none}footer{font-size:.78rem;line-height:1.9;color:var(--muted);max-width:850px;padding:1.8rem .2rem 0}noscript{display:block;border:1px solid var(--line);padding:1rem;margin-top:1rem}
@media(max-width:850px){.reading-layout{grid-template-columns:1fr}.word-card{padding:2rem}.word-detail{max-width:650px}.intro{padding-top:2.4rem}.word-detail h3{margin-bottom:.8rem}}
@media(max-width:500px){.site-header{padding:1.1rem;gap:.6rem}.brand{font-size:.8rem}.badge{font-size:.7rem;max-width:145px}main{padding:0 1rem 1rem}.card,.word-card{padding:1.3rem}.intro{padding:2rem .2rem}.original{font-size:1.06rem}.language-control{gap:.7rem}.languages{gap:.3rem}.languages button{padding:.6rem .8rem}.translation{padding:.6rem .8rem}.choice{padding:.75rem}.section-heading{gap:.6rem}}

.feedback-card{margin-top:1.5rem}.feedback-card>p:not(.fine-print){line-height:1.8;color:var(--muted)}.feedback-card>a{display:inline-block;padding:.5rem 0;text-underline-offset:3px}

#voluntary-feedback{margin-top:26px;padding-top:22px;border-top:1px solid #cbd8d0}#voluntary-feedback fieldset{border:0;padding:0;margin:0;min-width:0}#voluntary-feedback legend{font-size:1.1rem;font-weight:650;margin-bottom:14px}#voluntary-feedback label{display:inline-flex;gap:7px;align-items:center;margin:0 20px 12px 0;font-size:14px}#voluntary-feedback input[type=radio]{width:18px;height:18px;margin:0;padding:0}#voluntary-feedback p{font-size:12px;line-height:1.7;max-width:720px}#voluntary-feedback button{margin-top:12px}#voluntary-feedback :disabled{opacity:.7}

#voluntary-feedback label.feedback-context{display:flex;align-items:flex-start;flex-direction:column;gap:8px;margin:8px 0 0;max-width:100%}#voluntary-feedback .feedback-context-caption{font-size:14px}#voluntary-feedback .feedback-context select{font:inherit;max-width:100%;padding:8px;background:#fff;border:1px solid #9baab0;border-radius:4px;color:inherit}