:root{--blue:#082c55;--deep:#071c36;--red:#aa2639;--gold:#b18a43;--paper:#faf9f6;--ink:#192d43;--line:#d9dfe4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:var(--blue);text-underline-offset:5px}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--blue);padding:10px 20px;border-radius:3px}button:hover{border-color:var(--gold);background:#f6f0e5}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button.primary:hover{background:#154775}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{background:var(--deep);color:white;border-bottom:4px solid var(--red);padding:23px max(5vw,20px);display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{color:white;text-decoration:none;display:flex;align-items:center;gap:16px;font:18px Georgia,serif;letter-spacing:.3px}.brand small{display:block;font:12px/2 system-ui;letter-spacing:2.3px;text-transform:uppercase;color:#d6c394}.seal{border:1px solid #c9a665;color:#e4c78c;font:25px Georgia;padding:5px 10px}nav{display:flex;gap:30px;flex-wrap:wrap}nav a{color:#d5e0eb;text-decoration:none;font-size:15px}nav a.active{color:#efd29a;border-bottom:1px solid #efd29a}main{min-height:75vh}.wrap{max-width:1190px;margin:auto;padding:46px 30px 64px}.eyebrow{color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:2.4px;font-weight:650}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.2}h1{font-size:clamp(36px,5vw,62px);margin:9px 0 16px;letter-spacing:-1.3px}h2{font-size:32px;margin:10px 0 20px}h3{font-size:24px}p{max-width:760px}.intro{color:#617183;margin-bottom:30px;max-width:740px}.experience{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:30px;align-items:start}.film{position:relative;aspect-ratio:16/10;background:var(--deep);overflow:hidden}.film img,.film video{width:100%;height:100%;object-fit:cover}.film-caption{position:absolute;bottom:15px;left:20px;color:white;background:#071c36bb;padding:5px 12px;font-size:13px}.media-bottom{background:var(--deep);padding:20px 24px;color:white}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.controls button{background:transparent;color:white;border-color:#53677c;padding:8px 15px}.controls button:hover{background:#21456a}.controls button.primary{background:#d9b771;border-color:#d9b771;color:var(--deep)}.time{margin-left:auto;font-variant-numeric:tabular-nums;font-size:14px;color:#d5dfeb}.scrub{width:100%;accent-color:#d9b771;margin:18px 0 0}.subtitle{min-height:120px;background:white;border-bottom:3px solid var(--red);padding:23px;text-align:center}.subtitle small{font-size:12px;color:#637486;display:block;letter-spacing:2px;text-transform:uppercase}.subtitle p{font:clamp(21px,3vw,30px)/1.4 Georgia;margin:9px auto}.lyrics{background:white;border:1px solid var(--line);padding:27px}.lyrics h2{font-size:25px}.verse{margin:20px 0}.verse small{color:#788696;font-size:12px;letter-spacing:1.5px}.line{display:block;border:0;width:100%;padding:4px 9px;text-align:left;background:transparent;font:18px/1.65 Georgia;color:var(--ink)}.line.current{background:#f0e7d5;border-left:3px solid var(--gold)}.fine{font-size:13px;color:#718091}.ribbon{margin-top:40px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:23px}.ribbon a{text-decoration:none}.ribbon strong{font:23px Georgia;display:block;margin-bottom:8px}.ribbon span{font-size:15px;color:#607184}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.tabs button.selected{background:var(--blue);color:white;border-color:var(--blue)}.panel{background:white;border:1px solid var(--line);padding:30px;max-width:850px}.lesson-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.lesson-head label{font-size:15px}.lesson-head select{padding:9px;border:1px solid var(--line);background:white;color:var(--ink)}.actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.feedback{padding:12px 16px;background:#edf2f7;margin-top:18px}.success{background:#e6f3eb;color:#21603c}.order-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.order-row span{flex:1}.order-row button{padding:4px 11px}.gap-row{margin:17px 0;font:21px Georgia;line-height:2.2}.gap-row input{width:145px;border:0;border-bottom:2px solid var(--gold);background:#f8f7f2;padding:5px 8px;font:18px system-ui}.gap-row input.good{border-color:#31855d}.gap-row input.bad{border-color:var(--red)}.memory-line{font:23px/2 Georgia}.hidden-word{color:#a2adb8;letter-spacing:2px}.timeline{border-left:1px solid var(--gold);padding-left:32px;margin:35px 0;max-width:850px}.event{margin:0 0 30px;position:relative}.event:before{content:'';position:absolute;left:-38px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--gold)}.event b{font-size:13px;color:var(--red);letter-spacing:1px}.event h3{margin:7px 0}.event p{margin:0}.history-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.history-image{width:100%;display:block;margin-top:40px}.quote{font:25px/1.6 Georgia;padding:28px;background:var(--blue);color:white;border-top:3px solid var(--gold)}table{border-collapse:collapse;width:100%;background:white;margin:25px 0}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--blue);font-size:14px}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0}.fact{border-top:3px solid var(--gold);background:white;padding:23px}.fact h3{margin-top:6px}.fact p{font-size:16px}.quiz-options{display:grid;gap:12px;margin:25px 0}.quiz-options button{text-align:left}.quiz-options button.correct{background:#e6f3eb;border-color:#31855d}.quiz-options button.wrong{background:#fae8ec;border-color:var(--red)}.source{margin:25px 0;padding-bottom:18px;border-bottom:1px solid var(--line)}footer{padding:25px 5vw;background:var(--deep);color:#b9c9d9;display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;font-size:13px}footer a{color:#d3c09a}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:800px){header{align-items:flex-start;flex-direction:column;padding:18px 22px}nav{gap:20px}nav a{font-size:14px}.wrap{padding:30px 20px 45px}.experience,.history-grid{grid-template-columns:1fr}.ribbon,.fact-grid{grid-template-columns:1fr}.lyrics{padding:22px}.panel{padding:20px}.history-image{margin-top:0}h1{letter-spacing:-.7px}.order-row{font-size:15px}.order-row button{padding:5px 9px}th,td{padding:10px;font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.seek-hint{font-size:13px;color:#d5dfeb;margin:16px 0 0}.scrub{height:30px;margin-top:5px;cursor:ew-resize;touch-action:pan-y}