:root{color-scheme:dark;--bg:#171816;--panel:#20211e;--ink:#eeeade;--muted:#b8b5a9;--line:#41423b;--accent:#d2b783;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,.primary,select{min-height:46px}button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--ink);padding:10px 17px;text-decoration:none;cursor:pointer}button:hover,.primary:hover{background:#34352e;border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button[aria-pressed=true]{border-color:var(--accent);background:#36362b;color:#f3dfb8}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.primary{background:var(--accent);border-color:var(--accent);color:#171816}.primary:hover{background:#ead3a4;color:#171816}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:16px;z-index:99;background:var(--bg);padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:77px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{font:700 24px var(--serif);text-decoration:none}.brand span{font:11px system-ui;letter-spacing:2px;color:var(--muted);margin-left:12px}.topbar nav{display:flex;gap:30px}.topbar nav a{font-size:13px;text-decoration:none;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:650;color:var(--accent);text-transform:uppercase}.hero{padding:60px 6vw 0;max-width:1700px;margin:auto}.hero-copy{text-align:center}.hero h1{font:400 clamp(42px,5.7vw,82px)/1.08 var(--serif);margin:21px 0 25px;letter-spacing:-2px}em{color:var(--accent);font-weight:400}.intro{color:var(--muted);font-size:16px;line-height:1.7}.hero .primary{margin:13px 0 35px}.hero-art{display:grid;grid-template-columns:1fr 1.4fr;align-items:end;gap:25px;max-width:1030px;margin:auto}.hero-art figure{margin:0;min-width:0;display:flex;flex-direction:column}.hero-art img{width:100%;height:410px;object-fit:contain;background:#11120f}.hero-art figcaption{display:flex;justify-content:space-between;padding:13px 0;font-size:11px;letter-spacing:2px;color:var(--muted)}.hero-foot{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:27px 0 30px;font-size:10px;letter-spacing:1.8px;color:var(--muted)}.lab,.conclusion,.activities,.sources{max-width:1460px;margin:auto;padding:75px 6vw;scroll-margin-top:20px}h2{font:400 clamp(31px,3.7vw,48px)/1.2 var(--serif);letter-spacing:-.6px;margin:12px 0 28px}h3{font:400 31px/1.3 var(--serif);margin:12px 0}h4{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:12px 0}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading #progress{font-size:12px;color:var(--muted);white-space:nowrap}.steps{display:flex;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0;padding:10px 0;scrollbar-width:thin}.steps button{white-space:nowrap;border:0;border-bottom:2px solid transparent;font-size:13px;border-radius:0}.steps button.active{color:var(--accent);border-bottom-color:var(--accent)}.steps .done:after{content:' ✓';color:var(--accent)}.prompt{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:35px;padding:32px 0 20px}.prompt h3{font-size:40px}.serif{font:italic 20px var(--serif);color:var(--muted);margin-top:8px}.question{font:400 24px/1.5 var(--serif);border-left:1px solid var(--accent);padding-left:30px}.compare-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.compare-toolbar button{font-size:12px}.compare-toolbar button:first-child{border-color:var(--accent)}.viewers{display:grid;grid-template-columns:1fr 1fr;gap:20px}.viewer{min-width:0}.viewer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.viewer-head h4{margin:0}.viewer-head span{color:var(--muted);font-size:12px}.stage{position:relative;overflow:hidden;height:490px;background:#10110f;margin:10px 0;border:1px solid #33362e;touch-action:none;cursor:grab}.stage:active{cursor:grabbing}.scene{position:absolute;transform-origin:0 0;will-change:transform}.scene img{width:100%;height:100%;display:block;user-select:none;pointer-events:none}.highlight{position:absolute;border:2px solid #f6d28c;background:#f6d28c15;box-shadow:0 0 0 150vmax #05080555;pointer-events:none}.spot{position:absolute;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);color:#171816;z-index:2}.spot span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #fff;background:#ead3a4;font:600 12px system-ui}.spot:hover{background:transparent}.spot:focus-visible span{outline:3px solid white}.viewer-tools{display:flex;align-items:center;gap:6px}.viewer-tools button{padding:5px 14px;min-width:44px}.viewer-tools output{margin-left:auto;font-size:12px;color:var(--muted)}.spot-select{width:100%;margin-top:10px}.spot-description{font-size:14px;color:var(--muted);min-height:68px;margin:10px 0}.hint{font-size:12px;color:var(--muted);max-width:900px}.mobile-switch{display:none}select,textarea{background:#20211e;color:var(--ink);border:1px solid #55574d;border-radius:2px;padding:12px;width:100%}textarea{resize:vertical;min-height:90px}label{display:block;margin:16px 0 8px;font-size:15px}label span{color:var(--muted);font-size:12px}.inquiry{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.hypothesis{max-width:850px}fieldset{border:0;padding:0;margin:0}fieldset label{display:flex;align-items:start;gap:13px;padding:12px 15px;border:1px solid var(--line);cursor:pointer;margin:10px 0}input[type=radio]{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent);margin-top:4px}.hypothesis .primary{margin-top:15px}#feedback,#time-feedback,#detail-feedback{color:var(--accent);font-size:15px}.reading-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.reading-columns p{margin-top:10px}.relation{border-left:2px solid var(--accent);padding:12px 25px;background:#22231f}.context{margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;padding:8px 0;min-height:44px;color:var(--accent)}.context p{font-size:15px}.timeline{margin-top:40px;padding:28px;background:#20211e}.time-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.conclusion{background:#e8e2d5;color:#26271f;max-width:none;padding-left:max(6vw,calc((100vw - 1285px)/2));padding-right:max(6vw,calc((100vw - 1285px)/2))}.conclusion .eyebrow,.conclusion em,.conclusion h4{color:#765728}.conclusion h3{font-size:36px}.lead{font:italic 25px var(--serif)}.statement{font:400 clamp(30px,4vw,50px)/1.3 var(--serif);margin:50px 0 25px}.table-scroll{overflow:auto;margin-top:30px}table{border-collapse:collapse;width:100%;font-size:15px;min-width:500px}caption{text-align:left;font-size:12px;padding-bottom:12px}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid #b8b2a5}thead th{font-size:12px;letter-spacing:1px}tbody th{font-weight:600}.conclusion button,.conclusion summary{color:#26271f;border-color:#8c887c}.exercise{margin:35px 0;border-top:1px solid var(--line);padding-top:25px}.recognize{display:grid;grid-template-columns:1fr 1.6fr;gap:30px}.recognize button{margin:10px 4px 0 0;font-size:14px}#detail-image{min-height:280px;background-repeat:no-repeat;background-color:#10110f}.final-question{border-top:1px solid var(--line);padding:35px 0}.final-question h3{font-size:clamp(30px,4vw,48px)}.activities>button{margin:8px 8px 0 0}.sources{border-top:1px solid var(--line);padding-top:45px;font-size:14px}.sources li{padding:7px 0}.sources p{color:var(--muted)}footer{display:flex;flex-wrap:wrap;gap:25px;padding:28px 6vw;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer span{margin-left:auto}.video-note{font-size:14px}.video-block{margin:25px 0;border-top:1px solid var(--line);padding-top:15px}.video-block video{width:100%;max-height:430px;background:#111;margin-top:15px}.video-block .transcript{font-size:14px}.video-block button{margin-top:10px}.offline-banner{font-size:13px}#storage-status{font-size:13px;color:var(--muted)}
@media(min-width:1500px){.stage{height:560px}}@media(max-width:850px){.topbar nav{gap:14px}.topbar nav a{font-size:12px}.hero{padding-top:40px}.hero-art img{height:330px}.lab,.conclusion,.activities,.sources{padding:45px 5vw}.section-heading{display:block}.prompt{grid-template-columns:1fr 1.2fr;gap:15px}.prompt h3{font-size:32px}.question{font-size:20px;padding-left:18px}.stage{height:380px}.reading-columns{gap:25px}}@media(max-width:620px){body{font-size:16px}.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:15px 5vw;gap:12px}.brand{font-size:22px}.topbar nav{width:100%;justify-content:space-between}.hero{padding:35px 5vw 0}.hero h1{font-size:43px;letter-spacing:-1px}.hero-art{gap:10px;grid-template-columns:1fr 1.25fr}.hero-art img{height:220px}.hero-foot{display:block;line-height:2}.hero-foot span{display:block}.intro{font-size:14px}.prompt{display:block}.prompt h3{font-size:35px}.question{font-size:22px}.compare-toolbar{gap:7px}.compare-toolbar button{flex:1 1 auto}.viewers{display:block}.viewer.mobile-hidden{display:none}.mobile-switch{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 14px}.mobile-switch button{flex:1}.mobile-switch span{font-size:11px;color:var(--muted);width:100%}.stage{height:420px;height:min(65svh,480px)}.reading-columns,.recognize{grid-template-columns:1fr;gap:12px}.time-fields{grid-template-columns:1fr;gap:0}.timeline{padding:20px}.hero-art figcaption{font-size:10px}.section-heading h2{font-size:33px}.recognize #detail-image{height:290px}footer span{margin-left:0}.conclusion h3{font-size:32px}.steps{position:sticky;top:0;background:var(--bg);z-index:4}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media print{.topbar,.hero,.lab,.sources,footer,button,.video-block{display:none!important}body,.activities{background:white;color:black}.activities{padding:0}textarea{border:1px solid #999;color:black;background:white}details{display:block}.conclusion{break-before:page}}

/* The lesson is the main reading route; the visual lab remains freely available. */
.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin:22px 0 35px}.hero-actions .primary{margin:0}.hero-actions>a:last-child{font-size:15px}.hero-art img{height:300px}.hero{padding-top:42px}.hero h1{font-size:clamp(42px,5vw,70px)}
.lesson{background:#f5f1e8;color:#252820;padding:65px max(5vw,calc((100vw - 1285px)/2));scroll-margin-top:20px}.lesson-heading{max-width:850px;margin-bottom:45px}.lesson-heading>p:not(.eyebrow){max-width:65ch;color:#51554a}.lesson .eyebrow{color:#73552d}.lesson h2{font-size:clamp(35px,4vw,54px)}.lesson button{color:#252820;border-color:#817966}.lesson button:hover{background:#e3dbca}.lesson :focus-visible{outline-color:#8a5421}.lesson-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:65px;align-items:start}.lesson-index{position:sticky;top:24px;font-size:14px;line-height:1.45}.lesson-index ol{margin:12px 0 24px;padding-left:20px}.lesson-index li{padding:0 0 6px 4px}.lesson-index a{display:block;padding:9px 0}.lesson-index li a{text-decoration:none}.lesson-index li a:hover{text-decoration:underline}.video-index{border-top:1px solid #c9c0ae;padding-top:12px;scroll-margin-top:25px}.video-index a{display:flex;justify-content:space-between;gap:8px}.video-index a span{color:#5f6555;white-space:nowrap}.video-index>p:last-child{font-size:12px;color:#5a5e51;line-height:1.6}.lesson-summary-link{margin-top:20px;border-top:1px solid #c9c0ae;font-weight:600}.lesson-text{max-width:72ch;min-width:0;font:20px/1.85 Georgia,'Times New Roman',serif}.lesson-text>section{scroll-margin-top:30px;margin-bottom:60px}.lesson-text>section+section{border-top:1px solid #c9c0ae;padding-top:38px}.lesson-text h3{font-size:clamp(28px,3vw,37px);line-height:1.25;margin:12px 0 25px}.lesson-text p{margin:0 0 22px}.lesson-text strong{font-weight:700;color:#1a211a}.lesson-text .chapter-number{font:650 11px/1.5 system-ui,sans-serif;letter-spacing:1.8px;color:#72532b;margin:0 0 12px}.lesson-art{margin:25px 0 30px}.lesson-art img{display:block;width:100%;height:auto;object-fit:contain}.lesson-art.david-art{max-width:390px;margin-left:auto;margin-right:auto}.lesson-art figcaption{font:12px/1.7 system-ui,sans-serif;color:#5a5e51;margin-top:12px}.lesson-source{font:13px/1.8 system-ui,sans-serif;color:#5a5e51}.detail-link{display:inline-block;font:600 14px/1.6 system-ui,sans-serif;padding:12px 0;min-height:44px}.lesson-video{font:16px/1.7 system-ui,sans-serif;margin:35px 0 15px;padding:25px;background:#e9e2d4;border:1px solid #c9c0ae;scroll-margin-top:25px}.lesson-video h4{font:400 27px/1.3 Georgia,serif;letter-spacing:0;text-transform:none;color:#252820;margin:6px 0 15px}.lesson-video p{margin:12px 0}.lesson-video .eyebrow{font-size:11px;margin:0}.lesson-video video{width:100%;aspect-ratio:16/9;display:block;background:#151612;object-fit:contain}.video-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}.video-actions a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}.lesson-video .video-note{font-size:14px;line-height:1.75;border-left:3px solid #8a6e3f;padding-left:14px;margin:20px 0}.lesson-video summary{color:#503f22}.lesson-video .transcript{font-size:14px;line-height:1.8}.video-status{font-size:13px;color:#753f14}.video-status:empty{display:none}.lesson-thesis{border-left:3px solid #8a6e3f;padding:14px 22px;background:#e9e2d4}.essentials{margin-top:40px}.essentials h3{font-size:30px}.essentials li{padding:7px 0;max-width:90ch}.glossary{margin-top:25px;border-block:1px solid #b8b2a5;padding:14px 0}.glossary dt{font-weight:700;margin-top:15px}.glossary dd{margin:2px 0 15px;max-width:85ch}.lab-intro{max-width:75ch;color:var(--muted)}#interpretation{margin-top:35px}.topbar nav{gap:23px}
@media(max-width:1000px){.lesson-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.lesson-text{font-size:19px}.lesson{padding:45px 5vw}.lesson-video{padding:20px}}
@media(max-width:760px){.lesson-layout{grid-template-columns:1fr;gap:38px}.lesson-index{position:static;border-bottom:1px solid #c9c0ae;padding-bottom:25px}.lesson-index ol{columns:2;column-gap:30px}.lesson-index li{break-inside:avoid}.video-index{max-width:480px}.lesson-text{max-width:100%;font-size:19px;line-height:1.8}.lesson-heading{margin-bottom:25px}.lesson-text>section{margin-bottom:40px}.hero-art img{height:260px}.lesson-video{padding:18px}.topbar nav{gap:15px}}
@media(max-width:620px){.hero-art img{height:220px}.hero-actions{gap:16px}.hero-foot{letter-spacing:1px}.topbar nav{overflow-x:auto;justify-content:space-between;gap:18px}.topbar nav a{white-space:nowrap;display:flex;align-items:center;min-height:40px}.lesson h2{font-size:35px}.lesson-index ol{columns:auto}.lesson-text{font-size:18px}.lesson-video{margin-left:0;margin-right:0;padding:14px}.lesson-video h4{font-size:25px}.lesson-text>section+section{padding-top:28px}.lesson-thesis{padding:12px 17px}.video-actions{gap:8px}.lesson-video .video-note{font-size:13px}.essentials ol{padding-left:24px}.essentials li{padding-left:5px}.lesson-art.david-art{max-width:320px}}
@media print{html{scroll-behavior:auto}.lesson,.conclusion{display:block!important;background:#fff!important;color:#000!important;padding:0!important;max-width:none}.lesson-layout{display:block}.lesson-index,.lesson-heading>button,.detail-link,.lesson-video,.activities,.hero-actions,.lesson-source{display:none!important}.lesson-text{max-width:none;font:12pt/1.6 Georgia,serif}.lesson-heading h2{font-size:27pt}.lesson-text h3{font-size:19pt;break-after:avoid}.lesson-text>section{margin-bottom:22pt}.lesson-text>section+section{padding-top:15pt}.lesson-art{break-inside:avoid;max-width:13cm!important;margin:18pt auto}.lesson-art.david-art{max-width:7cm!important}.lesson-art img{max-height:10cm;width:auto;max-width:100%;margin:auto}.lesson-text strong,.lesson .eyebrow,.lesson .chapter-number{color:#000}.lesson-thesis{background:#fff}.conclusion{break-before:page}.conclusion h2{font-size:26pt}.conclusion h3{font-size:18pt}.conclusion .reading-columns{gap:20pt}table{min-width:0;font-size:10pt}.essentials li{font-size:11pt}.glossary:not([open]){display:none}.statement{font-size:23pt}}