:root{--navy:#172a43;--muted:#59677a;--gold:#b59556;--line:#d9dce0;--paper:#faf9f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:17px/1.55 system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-12) 18px;min-height:48px}button:hover:not(:disabled){border-color:var(--gold)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}a{color:inherit}header,footer{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 28px}.brand{font-size:27px;font-weight:750;letter-spacing:-1px;text-decoration:none}.brand span{font-weight:350}.header-note,.eyebrow{font-size:11px;font-weight:750;letter-spacing:3px}.header-note{color:var(--muted)}#sound{font-size:13px;background:transparent}.progress{position:sticky;top:0;z-index:10;padding:var(--space-12) max(var(--space-24),calc((100vw - 1164px)/2));background:#faf9f5f2;backdrop-filter:blur(14px);border-block:1px solid var(--line)}#step-label{font-size:12px;font-weight:700;letter-spacing:1px}progress{display:block;width:100%;height:4px;appearance:none;border:0;margin-top:10px;background:#e3e4e4}progress::-webkit-progress-bar{background:#e3e4e4}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}nav{max-width:1164px;margin:20px auto 0;display:flex;gap:var(--space-8);overflow:auto;padding-bottom:var(--space-8)}nav button{white-space:nowrap;font-size:12px;padding:var(--space-8) 14px;min-height:38px}main{max-width:1164px;margin:36px auto 70px;outline:0;min-height:60vh}h1{font:400 clamp(39px,5vw,68px)/1.06 Georgia,serif;letter-spacing:-1.5px;margin:var(--space-16) 0 var(--space-24)}h2{font-size:23px;line-height:1.3;margin:0 0 var(--space-16)}p{margin:0 0 18px}.eyebrow{color:#8f743c}.lead{font-size:20px;color:var(--muted);max-width:820px;margin-bottom:28px}.hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:45px;align-items:center}.photo{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:22px}.hero .photo{aspect-ratio:4/5;object-position:50%}.photo-wrap{position:relative}.caption{position:absolute;bottom:16px;left:16px;right:16px;background:#172a43e8;color:#fff;padding:13px 18px;border-radius:12px;font-size:12px;letter-spacing:1px}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;border:1px solid var(--navy);padding:15px var(--space-24);text-decoration:none;border-radius:var(--radius-md);font-weight:650}.tags{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.tags span{padding:6px var(--space-12);background:#eae5d8;border-radius:5px;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:26px}.audio-box{background:#eef0f2;border:1px solid #dce0e4;padding:18px;border-radius:15px;margin:18px 0}.audio-top{display:flex;align-items:center;gap:14px}.audio-box.playing{border-color:var(--gold)}.audio-box button{min-width:75px;background:var(--navy);color:#fff}.audio-status{font-size:13px;color:var(--muted)}details{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}summary{cursor:pointer;font-size:14px;font-weight:650}details p{margin-top:15px;font-size:15px;color:var(--muted)}.bottom{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-32);padding-top:25px;border-top:1px solid var(--line);gap:15px}.feedback{min-height:28px;margin:15px 0;color:#795f2f}.feedback.good{color:#28634b}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.format-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-24)}.part-number{font:50px Georgia,serif;color:#b3965f}.part-time{font-size:12px;letter-spacing:1px;color:var(--muted)}.description{min-height:110px;font-size:19px;margin:15px 0}.options{display:flex;gap:9px;flex-wrap:wrap}.options button{flex:1}.correct{background:#edf3ec!important;border-color:#7c9c7b!important;color:#244834!important}.answer-list{display:grid;gap:14px}.answer-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.answer-head{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px}.answer-head strong{font:30px Georgia,serif}.answer-card p{font-size:16px}.answer-card .choose{width:100%;margin-top:10px}.answer-card.selected{border-color:var(--gold);background:#fffdf6}.cue{background:#fffef9;border:1px solid #ded4b9;box-shadow:0 9px 0 #e9e3d5;padding:30px;border-radius:5px}.cue h2{font:29px/1.2 Georgia,serif}.cue-label{font-size:11px;letter-spacing:2px;color:#8f743c}.slot{display:block;text-align:left;width:100%;min-height:100px;border:1px dashed #b9aa8b;border-radius:9px;background:#faf7ef;margin-top:var(--space-12);padding:14px}.slot b{display:block;font-size:15px}.slot span{display:block;margin-top:6px;font-size:14px;color:var(--muted)}.idea-bank{display:grid;gap:var(--space-12);margin-top:20px}.idea{display:block;text-align:left;padding:17px;border:1px solid #c5cddd;touch-action:pan-y}.idea[aria-pressed=true]{box-shadow:0 0 0 3px #d9c99e}.timer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);padding:var(--space-16) 0}.timer output{font:32px Georgia,serif;font-variant-numeric:tabular-nums}.field{padding:20px 0;border-bottom:1px solid var(--line)}.field:last-child{border-bottom:0}.field h2{font-size:17px}.record-card{background:var(--navy);color:#fff;padding:var(--space-32);border-radius:20px}.record-card .eyebrow{color:#dfc690}.record-card h2{font:34px Georgia,serif}.record-card .audio-box{color:var(--navy)}.schedule{display:flex;gap:14px;margin:25px 0;align-items:center}.calendar{border:1px solid #ffffff60;border-radius:12px;padding:10px 22px;text-align:center;font:40px Georgia,serif}.calendar small{display:block;font:11px system-ui;letter-spacing:2px}.muted{color:var(--muted)}.note{width:100%;min-height:160px;resize:vertical;padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--navy);background:white}.tip{padding:var(--space-24);background:#eee9dd;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;margin:var(--space-24) 0}.edit{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);margin:15px 0}.edit>div{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.edit s{color:#8b6052}.edit strong{color:#28634b}.result{max-width:820px;margin:auto}.result-score{font:70px Georgia,serif;color:var(--gold)}.result-actions{display:flex;gap:var(--space-12);flex-wrap:wrap;margin:25px 0}.sources{font-size:13px;color:var(--muted)}footer{font-size:12px;color:var(--muted);border-top:1px solid var(--line)}footer button{font-size:12px;background:transparent}dialog{max-width:440px;border:1px solid var(--line);border-radius:20px;color:var(--navy);padding:30px}dialog::backdrop{background:#172a4377}@media(max-width:760px){header,footer{padding:18px 20px}.header-note{display:none}main{margin:25px var(--space-16) 45px}nav{margin-left:var(--space-16);margin-right:var(--space-16)}.hero,.split,.format-grid{grid-template-columns:1fr}.hero{gap:25px}.hero .photo{aspect-ratio:3/2}.hero .photo-wrap{grid-row:1}.panel,.cue,.record-card{padding:22px}.format-card{padding:20px}.description{min-height:0}.edit{grid-template-columns:1fr}h1{font-size:42px}.lead{font-size:18px}.options button{padding:10px;min-width:72px}.bottom{align-items:stretch}.bottom button{max-width:75%}.caption{font-size:10px}.answer-head{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#sound[aria-pressed=true]{background:var(--navy);color:#fff}#sound[aria-pressed=false]{background:transparent;color:var(--navy)}