@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#27271f;--olive:#4b5036;--cream:#f7f3e9;--paper:#fffdf7;--line:#d9d1c0;--rust:#9a412b;--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55}a{color:inherit;text-underline-offset:.2em}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b16142;outline-offset:3px}[hidden]{display:none!important}.wrap{width:min(1100px,calc(100% - 64px));margin:auto}.masthead{border-bottom:1px solid var(--line);height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - 1100px)/2));gap:14px}.wordmark{font:30px var(--serif);text-decoration:none;white-space:nowrap}.wordmark span{color:var(--rust);margin-right:8px}.masthead nav{display:flex;gap:24px;font-size:13px;font-weight:700;white-space:nowrap}.masthead nav a{text-decoration:none}.masthead nav a:hover{text-decoration:underline}.intro{padding:62px 0 30px;max-width:740px}.kicker{font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--rust);margin:0 0 12px}.intro h1{font:normal clamp(67px,10vw,128px)/.79 var(--serif);letter-spacing:-.035em;margin:0 0 27px}.intro em{color:var(--olive);font-weight:400}.intro>p:last-child{max-width:500px;color:#5a584c;margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tabs button,.choices button{padding:10px 17px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:3px}.tabs button[aria-pressed=true]{background:var(--olive);border-color:var(--olive);color:white}.tabs button:hover,.choices button:hover{border-color:var(--olive)}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pair figure{margin:0;background:var(--paper);border:1px solid var(--line)}.frame{background:#2e2b23;aspect-ratio:1.24;display:grid;place-items:center;overflow:hidden}.frame img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}.frame.original img{padding:10px}figcaption{display:grid;padding:13px 17px;gap:2px}figcaption span{color:var(--rust);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}figcaption strong{font:normal clamp(22px,4vw,35px)/1.15 var(--serif)}figcaption small{color:#615e52}.lesson{margin:20px 0 58px;border-left:3px solid var(--rust);padding:12px 20px;background:#eee8d9}.lesson h2{font:normal 31px/1.05 var(--serif);margin:0}.lesson p{margin:7px 0}.lesson a{font-size:13px;color:#534f3d}.quiz-section{background:#e9eadf;padding:52px 0 60px;border-top:1px solid #d7d9c8}.quiz-section h2{font:normal clamp(46px,7vw,76px)/.98 var(--serif);margin:0}.quiz-section h2+p{margin:12px 0 23px}.quiz-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #d4d5c5;background:var(--paper)}.quiz-picture img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.quiz-controls{padding:clamp(18px,4vw,42px)}.quiz-meta{display:flex;justify-content:space-between;gap:10px;color:#615e52;font-size:13px}.quiz-controls h3,.results h3{font:normal clamp(35px,5vw,54px)/1 var(--serif);margin:19px 0}.choices{display:grid;gap:8px}.choices button{text-align:left}.choices button:disabled{cursor:default;color:var(--ink)}.choices button.correct{border-color:#4d684d;background:#e4eedf}.choices button.incorrect{border-color:#a05b4a;background:#f6e5de}.feedback{margin:14px 0 0;min-height:1.5em}.primary{background:var(--olive);color:white;border:0;padding:11px 18px;border-radius:3px;margin-top:13px}.results{background:var(--paper);padding:28px;border:1px solid var(--line)}.results a{margin-left:14px}footer{display:flex;gap:12px 26px;flex-wrap:wrap;padding:22px 0;color:#625e51;font-size:12px}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.masthead{padding:0 16px;height:59px}.masthead nav{gap:12px;font-size:12px}.wordmark{font-size:23px}.wordmark span{margin-right:3px}.intro{padding:43px 0 22px}.tabs button{font-size:13px;padding:8px 10px}.pair{gap:8px}.frame{aspect-ratio:1}.frame.original img{padding:4px}figcaption{padding:10px}figcaption small{font-size:10px}.lesson{margin-bottom:36px}.quiz-section{padding:34px 0}.quiz-card{grid-template-columns:1fr}.quiz-picture img{max-height:370px;object-fit:contain;background:#2e2b23}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.timeline-note{margin:0 0 9px;color:#5a584c;font-size:13px}.tabs button{text-align:left}.tabs button small{display:block;font-size:11px;opacity:.85}