/* Generated by build-stage-css.mjs; responsive media rules are reading-mode only. */
/* style.css */

:root{--bg:#0a191c;--ink:#f1f0e6;--muted:#99aaa7;--line:#ffffff1d;--accent:#e4ee99;--teal:#7ec6b1;--orange:#e59c77;--pad:5.3vw;--header:100px;--footer:78px;color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button{border:0}
button:disabled{cursor:default;opacity:.35}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
button:disabled:focus-visible{outline:none}
::selection{background:var(--accent);color:var(--bg)}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--accent);color:var(--bg);padding:16px}
.skip:focus{top:12px}
.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 42%,#27585035,transparent 55%),radial-gradient(ellipse at 14% 85%,#1d3b3226,transparent 50%)}
.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.027;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{height:var(--header);margin:0 var(--pad);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}
.wordmark{display:flex;gap:12px;align-items:center;font-size:11px;line-height:1.2;letter-spacing:1px;font-weight:750}
.brand-icon{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:27px;line-height:1;font-weight:400}
.brand-dot{color:var(--accent)}
.course{font-size:10px;letter-spacing:1.8px;color:var(--muted);display:flex;gap:17px}
.course span{color:#566964}
.course strong{color:var(--ink);font-weight:500}
.tools{display:flex;gap:20px;align-items:center}
.tool-btn,.icon-btn{background:none;padding:8px 0;font-size:11px;display:flex;gap:8px;align-items:center;color:#d6ddd2}
.tool-btn>span:first-child{font-size:19px;line-height:1}
.tools button:hover{color:var(--accent)}
.icon-btn{font-size:26px;padding:5px}
.grid-icon{font-size:23px!important}
#slide-stage{position:relative;height:calc(100dvh - var(--header) - var(--footer));outline:none;z-index:2}
.slide{position:absolute;inset:0;padding:26px var(--pad) 12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#48615a transparent}
.slide.active{animation:arrive .75s cubic-bezier(.2,.7,.2,1) both}
.slide.active h1,.slide.active h2{animation:rise .9s cubic-bezier(.2,.8,.2,1) both}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.7px;font-weight:600;color:var(--accent);min-height:21px;margin-bottom:22px}
.eyebrow>span:last-child:not(.live-dot){margin-left:auto;color:var(--muted);font-size:9px;letter-spacing:1.4px}
.eyebrow .history-tag{color:var(--accent)!important;border:1px solid #e4ee9944;border-radius:30px;padding:7px 12px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #e4ee9955}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(78px,9vw,150px);letter-spacing:-.069em;line-height:.89;font-weight:500}
h1 em,h2 em,.takeaway em,blockquote em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:var(--accent)}
h1 em{font-size:1.07em}
h2{font-size:clamp(52px,5.6vw,90px);line-height:.98;letter-spacing:-.06em;font-weight:460}
h3{font-weight:500;letter-spacing:-.035em}
.intro,.lede{font-size:clamp(16px,1.5vw,23px);line-height:1.55;color:#bac6bd;font-weight:350;letter-spacing:-.015em}
.intro{margin-top:23px}
.fineprint{font-size:11px;line-height:1.8;color:var(--muted)}
.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;background:var(--accent);color:var(--bg);padding:16px 21px;border-radius:3px;font-size:12px;font-weight:650;transition:transform .25s,background .25s,box-shadow .25s;min-height:49px}
.primary span{font-size:20px;line-height:1}
.primary:hover{transform:translateY(-3px);background:#f1ffc1;box-shadow:0 10px 30px #c9e88715}
.text-btn{display:inline-flex;align-items:center;gap:8px;background:none;padding:9px 0;font-size:12px;color:var(--accent);border-bottom:1px solid #e4ee9940;transition:color .2s}
.text-btn:hover{color:white}
.half-copy{width:48%;position:relative;z-index:2}
.mini-label{font-size:9px;letter-spacing:1.6px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:20px;overflow:hidden}
.hero-copy{position:relative;z-index:3}
.hero .eyebrow{margin-bottom:27px}
.destination{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:2.8px;color:var(--accent);margin-top:23px}
.destination-line{width:44px;height:1px;background:var(--accent)}
.hero .lede{margin:22px 0}
.hero-meta{display:flex;gap:28px;margin-top:30px;align-items:center}
.hero-meta>span{font-size:18px;font-weight:350;display:flex;gap:9px;align-items:center}
.hero-meta small{font-size:8px;color:var(--muted);letter-spacing:1.4px}
.floating-note{position:absolute;right:8%;bottom:11%;display:flex;align-items:center;gap:15px;border:1px solid #b4d8ba3b;padding:18px 20px;background:#102a2ad6;backdrop-filter:blur(12px);box-shadow:0 20px 60px #0003;transform:rotate(-3deg);font-size:13px;line-height:1.6;color:#c0cfc3;z-index:5}
.floating-note strong{font-weight:500;color:var(--ink)}
.note-icon{width:39px;height:39px;border:1px solid #83bba45c;border-radius:50%;display:grid;place-items:center;font-size:30px;color:var(--accent)}
.note-arrow{font-size:24px;margin-left:28px;color:var(--accent)}
#scene-wrap{position:fixed;width:62%;right:0;top:90px;bottom:70px;z-index:1;transition:opacity .8s,transform 1s;pointer-events:none;opacity:1;mask-image:linear-gradient(to right,transparent,black 10%)}
#scene-wrap canvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:2}
.scene-fallback{position:absolute;inset:0;width:100%;height:100%;transition:opacity .7s}
.scene-ready .scene-fallback{opacity:0}
.scene-orbit{position:absolute;width:77%;aspect-ratio:1;border:1px solid #79bd9c16;border-radius:50%;top:10%;left:10%;transform:rotateX(55deg) rotate(-25deg);box-shadow:0 0 0 40px #79bd9c04,0 0 0 80px #79bd9c03}
.map-label{position:absolute;z-index:4;font-size:9px;letter-spacing:2px;color:#9dbcb2}
.label-river{right:9%;top:24%;display:flex;gap:20px;transform:rotate(-14deg)}
.label-river span{color:var(--accent)}
.label-city{left:23%;bottom:22%;font-size:8px;display:flex;align-items:center;gap:8px}
.label-city i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}
.model-caption{position:absolute;z-index:4;bottom:5%;right:12%;font-size:7px;letter-spacing:1.5px;color:#6b8f84}
.scene-hidden #scene-wrap{opacity:0;visibility:hidden}
.scene-people #scene-wrap{opacity:.24;transform:translate(12%,-5%)}
.scene-world #scene-wrap{opacity:.08}
.scene-river #scene-wrap{width:75%;transform:translate(5%,8%) scale(1.15)}
.scene-river .label-city,.scene-river .label-river,.scene-assistant .map-label{display:none}
.scene-assistant #scene-wrap{opacity:.18;transform:translate(6%,15%)}
.scene-finale #scene-wrap{opacity:.25;transform:translate(20%,-20%) scale(.9)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}
.principle{position:relative;text-align:left;padding:24px 25px 29px;background:#10292bb8;border:1px solid var(--line);border-radius:2px;transition:.3s}
.principle>span{font-size:11px;color:var(--muted)}
.principle h3{font-size:24px;margin-top:35px}
.principle p{font-size:13px;color:var(--muted);margin-top:10px}
.principle b{position:absolute;top:22px;right:22px;color:var(--muted);font-size:21px;font-weight:400}
.principle.active{background:#e4ee9910;border-color:#e4ee9977;transform:translateY(-4px)}
.principle.active b,.principle.active>span{color:var(--accent)}
.detail-line{margin-top:23px;font-size:12px;color:var(--accent);line-height:1.7}
.city-comparison{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-top:26px;align-items:end}
.city-card{border:1px solid var(--line);border-radius:2px;background:#132c2c;position:relative;padding:20px 23px}
.city-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:var(--muted)}
.city-top b{color:var(--accent);font-weight:400}
.city-card h3{font-size:30px;margin:10px 0}
.city-card p{font-size:14px;line-height:1.5;color:#b9c7be}
.tag{display:inline-block;padding:7px 9px;border:1px solid #a8cabc40;border-radius:2px;color:var(--teal);font-size:8px;letter-spacing:1.3px;margin-top:18px}
.city-art{height:92px;display:flex;align-items:end;gap:8px;position:relative;border-bottom:1px solid #8eb3a74d;margin-top:15px}
.city-art i{display:block;background:linear-gradient(#3b695d,#234c43);border:1px solid #8eb3a733;width:12%;height:50%}
.city-art i:nth-child(2){height:70%}
.city-art i:nth-child(3){height:92%;width:9%;clip-path:polygon(50% 0,65% 17%,100% 17%,100% 100%,0 100%,0 17%,35% 17%)}
.city-art i:nth-child(4){height:67%;width:20%}
.city-art i:nth-child(5){height:85%}
.city-art i:nth-child(6){height:60%}
.city-art span{position:absolute;right:10px;bottom:0;font-size:62px;color:var(--accent)}
.route-art{height:107px;position:relative}
.route-art svg{width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:7 6}
.route-a,.route-b{position:absolute;background:var(--teal);color:var(--bg);border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:10px;z-index:1}
.route-a{left:2%;bottom:12%}
.route-b{right:1%;top:7%}
.route-art>b{position:absolute;left:55%;top:40%;font-size:30px;color:var(--accent)}
.takeaway{padding:20px 10px 15px 25px}
.takeaway>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}
.takeaway p{font-size:23px;line-height:1.5;margin:22px 0}
.citations{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px;font-size:9px;color:#849c92}
.citations:before{content:'SOURCES';font-size:8px;letter-spacing:1.5px;color:#738b81}
.citations a{border-bottom:1px solid #8ca69140;padding-bottom:2px;line-height:1.6}
.citations a:hover{color:var(--accent)}
.big-stats{display:flex;gap:40px;margin-top:25px}
.big-stats>div{display:flex;flex-direction:column}
.big-stats strong{font-size:clamp(45px,5.5vw,85px);font-weight:350;letter-spacing:-.06em;color:var(--accent);line-height:1.2}
.big-stats span{font-size:9px;letter-spacing:2px;color:var(--muted)}
.ride-steps{display:flex;gap:14px;align-items:center;font-size:11px;border-top:1px solid var(--line);padding-top:21px;margin:26px 0 15px}
.ride-steps b{font-weight:400;color:var(--accent)}
.tngo-badge{position:absolute;right:13%;top:28%;display:flex;flex-direction:column;border-left:1px solid #e4ee9955;padding-left:15px;transform:rotate(-5deg);z-index:5}
.tngo-badge>span{font-size:52px;color:var(--accent);letter-spacing:-.05em;font-weight:700}
.tngo-badge small{font-size:8px;letter-spacing:2px;line-height:1.8;color:var(--muted)}
.vocab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:30px 0 18px}
.vocab{min-height:232px;position:relative;text-align:left;background:#142c2b;border:1px solid var(--line);padding:22px;transition:transform .35s,background .35s;overflow:hidden}
.vocab:nth-child(even){background:#1a302b}
.vocab-number{font-size:8px;letter-spacing:1.4px;color:var(--muted)}
.vocab h3{font-size:clamp(22px,2.5vw,39px);line-height:1.2;margin:29px 0 25px;color:var(--ink);transition:.3s}
.vocab-hint{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}
.vocab-hint b{font-size:22px;font-weight:350;color:var(--accent)}
.vocab:hover{transform:translateY(-5px);border-color:#e4ee9955}
.vocab-answer{display:none}
.vocab[aria-expanded=true]{background:var(--accent);color:var(--bg)}
.vocab[aria-expanded=true] .vocab-number{color:#425746}
.vocab[aria-expanded=true] h3{font-size:18px;margin:15px 0;color:var(--bg);line-height:1.15}
.vocab[aria-expanded=true] h3 br{display:none}
.vocab[aria-expanded=true] .vocab-hint{display:none}
.vocab[aria-expanded=true] .vocab-answer{display:block;animation:rise .3s both}
.vocab-answer p{font-size:14px;line-height:1.5;margin-top:8px}
.vocab-answer p[lang]{font-size:11px;color:#4b604d}
.vocab-answer small{display:block;font-size:7px;letter-spacing:.8px;margin-top:18px}
.dialogue-layout{display:grid;grid-template-columns:.9fr 1.25fr;gap:9%;align-items:start;margin-top:20px}
.certainty-key{display:flex;flex-direction:column;gap:16px;margin-top:35px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}
.certainty-key>span{display:flex;align-items:center;gap:10px}
.certainty-key i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.certainty-key span:nth-child(2) i{background:var(--orange)}
.speech{width:100%;display:flex;gap:17px;align-items:center;padding:19px 18px;text-align:left;border-bottom:1px solid var(--line);background:#122b2b;transition:background .2s,transform .2s}
.speech:nth-child(even){margin-left:20px;width:calc(100% - 20px);background:#1a302a}
.speech:hover{background:#274138;transform:translateX(-3px)}
.speech b{font-size:10px;font-weight:400;color:var(--accent);border:1px solid #e4ee9933;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0}
.speech>span{font-size:16px;line-height:1.5}
.speech mark{background:none;color:var(--accent)}
.speech.unsure b,.speech.unsure mark{color:var(--orange)}
.speech small{margin-left:auto;color:var(--muted)}
.dialogue-end{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);padding:15px 0 0 20px}
.feedback{font-size:12px;color:var(--muted);line-height:1.7;padding-top:18px;min-height:46px}
.feedback.good{color:var(--accent)}
.feedback.wrong{color:var(--orange)}
.culture-caption{margin-top:30px;border-left:1px solid #e4ee9970;padding-left:22px}
.culture-caption>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.culture-caption p{font-size:23px;line-height:1.5;font-weight:350;margin:12px 0 18px}
.river-type{position:absolute;right:8%;top:14%;font-family:Georgia,serif;font-size:clamp(100px,15vw,250px);line-height:.7;color:#9fc4af14;letter-spacing:-.08em;z-index:-1}
.river-type span{font-size:.41em;letter-spacing:.08em}
.museum-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-top:5px}
.museum-art{height:450px;position:relative;perspective:800px;background:radial-gradient(ellipse at 50% 40%,#b9754033,transparent 70%);overflow:hidden}
.museum-sun{width:260px;height:260px;border-radius:50%;background:#b87b5220;border:1px solid #ad8b6355;position:absolute;left:50%;top:12%;transform:translateX(-50%);box-shadow:0 0 0 25px #c4925e05,0 0 0 50px #c4925e03}
.tower{position:absolute;bottom:70px;width:180px;height:300px;background:repeating-linear-gradient(0deg,#965f3f 0,#965f3f 8px,#714a35 9px,#714a35 10px);clip-path:polygon(38% 0,62% 0,66% 11%,73% 11%,73% 22%,79% 22%,79% 35%,85% 35%,85% 48%,95% 48%,95% 100%,5% 100%,5% 48%,15% 48%,15% 35%,21% 35%,21% 22%,27% 22%,27% 11%,34% 11%);transform:rotateY(-18deg);box-shadow:inset -40px 0 25px #2e211d55}
.tower-front{left:45%;bottom:80px}
.tower-back{left:18%;bottom:100px;width:145px;height:230px;filter:brightness(.6);transform:rotateY(18deg)}
.tower i{position:absolute;width:110px;height:8px;background:#c58c5e;left:35px;top:45%}
.tower i:nth-child(2){top:60%;left:20px;width:140px}
.tower i:nth-child(3){top:90%;left:15px;width:150px}
.tower-door{width:43px;height:90px;border-radius:25px 25px 0 0;background:#281e1a;position:absolute;bottom:10px;left:68px;border:8px solid #b07850;box-shadow:0 0 0 3px #6d432d}
.museum-plinth{position:absolute;width:77%;height:30px;background:linear-gradient(#73553c,#43362a);bottom:65px;left:12%;transform:skewY(-6deg);box-shadow:20px 28px 45px #0005}
.art-caption{position:absolute;bottom:10px;left:5%;width:90%;text-align:center;font-size:7px;letter-spacing:1.4px;color:#a98e73}
.museum-copy .mini-label{color:var(--orange);display:block;margin-bottom:25px}
.museum-copy h2 em{color:#e8bc91}
.museum-rule{display:flex;gap:20px;margin-top:28px;align-items:center;padding-top:24px;border-top:1px solid var(--line)}
.museum-rule>span{font-size:32px;color:#d2a179}
.museum-rule p{font-size:12px;line-height:1.8;color:var(--muted)}
.museum-rule strong{font-weight:500;color:#dfc8ac}
.assistant-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;align-items:center}
.assistant-layout h2{font-size:clamp(48px,5vw,83px)}
.segmented{display:flex;width:max-content;margin:26px 0 22px;padding:4px;background:#172f2c;border:1px solid var(--line);border-radius:3px}
.segmented button{padding:12px 22px;background:none;color:var(--muted);font-size:12px;border-radius:2px}
.segmented button.selected{background:#c7e29d;color:#152b23}
.assistant-layout .fineprint{margin-top:22px}
.phone-perspective{perspective:1100px;display:flex;justify-content:center;align-items:center;padding-top:5px}
.phone{width:268px;height:423px;border:5px solid #637d6b;border-radius:32px;background:#eff0df;color:#19352d;box-shadow:18px 25px 0 -8px #061716,20px 35px 65px #0007;position:relative;padding:13px 16px 18px;transform:rotateY(-16deg) rotateX(7deg) rotateZ(6deg);transition:transform .7s}
.phone:hover{transform:rotateY(0) rotateX(0) rotateZ(0)}
.phone-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:650}
.phone-notch{width:66px;height:14px;border-radius:20px;background:#153a2e}
.phone-brand{display:flex;align-items:center;gap:9px;margin:19px 0 12px}
.phone-brand .brand-icon{width:25px;height:25px;font-size:20px;background:#23483a;color:var(--accent)}
.phone-brand b{font-size:19px;letter-spacing:-.05em;font-weight:650}
.phone-brand small{font-size:6px;letter-spacing:1px;margin-left:auto;border:1px solid #66846970;padding:4px}
.phone-map{position:relative;height:130px;background:repeating-linear-gradient(0deg,transparent 0 20px,#a3b7a830 20px 22px),repeating-linear-gradient(90deg,#d9e3ce 0 32px,#a3b7a830 32px 34px);border-radius:5px;overflow:hidden}
.phone-river{position:absolute;top:-20px;left:42%;width:45px;height:200px;background:#98bcac;transform:rotate(23deg)}
.phone-map svg{position:absolute;width:100%;height:100%;stroke:#466a40;stroke-width:3;fill:none;stroke-dasharray:5}
.pin{position:absolute;font-style:normal;font-size:7px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#234e3a;color:#edf7cd}
.pin.start{bottom:24px;left:32px}
.pin.end{top:35px;right:30px}
.phone-map>span{position:absolute;right:10px;bottom:12px;font-size:7px;letter-spacing:1px;color:#486b5b}
.phone #route-result{padding:18px 3px 0}
.phone .mini-label{font-size:7px;color:#6b826c}
.phone h3{font-size:23px;line-height:1.1;color:#1b3d2d;margin-top:9px}
.phone p{font-size:10px;line-height:1.6;color:#5d7561;margin-top:10px}
.phone ol{margin:9px 0 0;padding-left:17px;font-size:11px;line-height:1.7}
.phone .route-phrase{font-size:10px;font-style:italic;margin-top:8px}
.phone-bottom{position:absolute;bottom:16px;left:20px;right:20px;display:flex;gap:5px;align-items:center;font-size:6px;letter-spacing:1px;color:#60775f}
.phone-bottom i{margin-left:auto;width:4px;height:4px;background:#638150;border-radius:50%}
.check-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center;margin-top:20px}
.check-process{display:flex;flex-direction:column;gap:14px;margin-top:36px;font-size:12px;color:var(--muted)}
.check-process span{padding-bottom:13px;border-bottom:1px solid var(--line);max-width:260px}
.claim-card{background:#1b312c;border:1px solid #b7c9a72e;padding:32px;position:relative;transform:rotate(-1.5deg)}
.claim-card:before{content:'?';position:absolute;right:22px;top:12px;font-size:80px;color:#d2db9e14;font-family:Georgia,serif}
.claim-card blockquote{margin:35px 0;font-size:32px;line-height:1.35;letter-spacing:-.035em}
.claim-actions{display:flex;gap:10px}
.claim-actions button{background:transparent;border:1px solid #aebf9e55;padding:13px 15px;font-size:11px;transition:.2s}
.claim-actions button:hover,.claim-actions button.selected{border-color:var(--accent);background:#e4ee9913}
.claim-actions button.correct{background:var(--accent);color:var(--bg)}
.quiz-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;align-items:center;margin-top:26px}
.quiz-dots{display:flex;gap:9px;margin-top:45px}
.quiz-dots i{display:block;width:37px;height:4px;background:#3a5146;border-radius:5px;transition:.3s}
.quiz-dots i.current{background:var(--accent)}
.quiz-dots i.done{background:#8fc3a1}
.quiz-score{font-size:12px;color:var(--muted);margin-top:20px}
.quiz-card{background:#142c2a;border:1px solid var(--line);padding:25px 30px;min-height:350px}
.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;color:var(--muted)}
.quiz-top>span:last-child{font-size:23px;color:var(--accent)}
.quiz-card h3{font-size:25px;line-height:1.25;margin:24px 0}
.quiz-option{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:13px 14px;background:transparent;border:1px solid #acc5aa29;margin:8px 0;font-size:13px;transition:.2s}
.quiz-option>b{font-size:10px;color:var(--muted);font-weight:400}
.quiz-option:hover:enabled{background:#e4ee990a;border-color:#e4ee9966}
.quiz-option.correct{border-color:var(--accent);background:#e4ee9914;opacity:1}
.quiz-option.wrong{border-color:var(--orange);opacity:1}
.quiz-option:disabled{opacity:.5}
.quiz-card .feedback{padding-top:12px}
.quiz-card #quiz-next{margin-top:9px}
.finale h2{font-size:clamp(62px,6.5vw,103px)}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}
.workflow>div{border-top:1px solid #e4ee9955;padding-top:17px}
.workflow span{font-size:8px;letter-spacing:1.4px;color:var(--accent)}
.workflow h3{font-size:22px;margin-top:20px}
.workflow p{font-size:10px;color:var(--muted);margin-top:12px}
.closing{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:40px;padding-top:24px}
.closing>p{font-size:14px;font-weight:350;color:#b8c6b8}
.credits h2{font-size:clamp(40px,4.2vw,64px)}
.credits-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:10%;margin-top:25px}
.source-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.source-item{display:grid;grid-template-columns:22px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}
.source-item>span{font-size:9px;color:var(--accent);padding-top:2px}
.source-item a{font-size:12px;line-height:1.4}
.source-item a:hover{color:var(--accent)}
.source-item p{font-size:9px;color:var(--muted);line-height:1.5;margin-top:5px}
.source-item details{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.6}
.source-item summary{cursor:pointer;color:#7fa08b;font-size:8px}
.credit-note h3{font-size:24px;line-height:1.2;margin-top:20px}
.credit-note p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:16px}
.credit-note .text-btn{display:flex;width:max-content;font-size:10px;margin-top:12px}
.bottom-bar{height:var(--footer);margin:0 var(--pad);position:relative;z-index:30;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}
.current-chapter{display:flex;align-items:center;gap:12px;font-size:12px;font-variant-numeric:tabular-nums;min-width:235px}
#slide-index{color:var(--accent)}
.counter-divider,#slide-total{color:#6a8477}
#chapter-label{margin-left:10px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}
.progress{display:flex;gap:5px;flex:1;max-width:400px}
.progress button{height:28px;padding:0;position:relative;flex:1;background:none}
.progress button:after{content:'';height:2px;background:#3e5449;position:absolute;top:13px;left:0;right:0;transition:.3s}
.progress button.visited:after{background:#7e9a7b}
.progress button.current:after{background:var(--accent);height:4px;top:12px}
.progress button:hover:after{background:var(--accent)}
.bottom-actions{display:flex;align-items:center;gap:8px}
.motion-btn{background:none;font-size:10px;display:flex;gap:8px;color:var(--muted);align-items:center;padding:12px 15px 12px 0;margin-right:12px}
.motion-btn>span{font-size:7px;letter-spacing:1.2px}
.nav-arrow{background:none;border:1px solid #647c6055;border-radius:50%;width:40px;height:40px;font-size:18px;transition:.2s}
.nav-arrow:hover:enabled{background:var(--accent);color:var(--bg);border-color:var(--accent)}
dialog{background:#0e2323;color:var(--ink);border:1px solid #668b6b70;border-radius:5px;width:min(1100px,90vw);max-height:85dvh;padding:32px;z-index:100;box-shadow:0 35px 100px #0008}
dialog::backdrop{background:#031313c9;backdrop-filter:blur(12px)}
.modal-head{display:flex;justify-content:space-between;gap:20px;align-items:start}
.modal-head .eyebrow{margin-bottom:13px;font-size:8px}
.modal-head h2{font-size:48px}
.close-btn{border:1px solid var(--line);border-radius:50%;width:33px;height:33px;background:none;font-size:23px;color:var(--muted);flex-shrink:0}
.close-btn:hover{color:var(--accent);border-color:var(--accent)}
#chapter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}
.chapter-tile{text-align:left;min-height:95px;padding:15px;background:#162f2a;border:1px solid var(--line);transition:.2s}
.chapter-tile:hover,.chapter-tile.current{background:#e4ee9914;border-color:#e4ee9970}
.chapter-tile>span{font-size:8px;color:var(--accent);letter-spacing:1px}
.chapter-tile h3{font-size:16px;margin-top:13px}
.chapter-tile small{display:block;color:var(--muted);font-size:8px;margin-top:9px}
.shortcuts{display:flex;gap:25px;font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}
#presenter-panel{position:fixed;z-index:60;right:0;top:0;bottom:0;width:min(440px,100vw);padding:25px 30px 40px;background:#102521f7;backdrop-filter:blur(24px);border-left:1px solid #b4c59a44;box-shadow:-30px 0 100px #0008;overflow-y:auto;animation:notes-in .35s ease}
.notes-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.7px;color:var(--accent);padding-bottom:20px;border-bottom:1px solid var(--line)}
.notes-top{display:flex;justify-content:space-between;margin-top:25px;gap:15px;font-size:10px;color:var(--muted)}
#note-title{font-size:32px;line-height:1.2;letter-spacing:-.04em;margin:13px 0 20px}
.timer{display:flex;gap:10px;align-items:center;background:#e4ee990d;border:1px solid var(--line);padding:13px}
.timer>span{font-size:24px;color:var(--accent);font-variant-numeric:tabular-nums;font-weight:350;margin-right:auto}
.timer button{background:none;font-size:10px;color:var(--muted);padding:8px}
#presenter-panel h3{font-size:9px;letter-spacing:1.4px;color:var(--accent);font-weight:600;margin:29px 0 12px}
#presenter-panel p{font-size:14px;line-height:1.9;color:#d0d9c6}
#presenter-panel p[lang]{font-size:12px;color:var(--muted)}
.notes-warning{padding:15px;border:1px solid #ceaa6e44;background:#ad82430c;color:#bfae8b;font-size:11px;line-height:1.7;margin-top:28px}
#presenter-panel>.text-btn{margin-top:20px}
#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--bg);padding:12px 20px;font-size:11px;z-index:150;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:85vw}
#toast.show{opacity:1}
.no-js{position:fixed;bottom:0;left:0;right:0;padding:20px;background:var(--accent);color:var(--bg);z-index:200;text-align:center}
@keyframes arrive{from{opacity:0;transform:perspective(1500px) translate3d(var(--enter-x,0px),18px,0) rotateY(1deg)}to{opacity:1;transform:perspective(1500px) translate3d(0,0,0) rotateY(0)}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes notes-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1700px){body[data-layout="read"]{--header:120px;--footer:95px}
body[data-layout="read"] .slide{padding-top:40px}
body[data-layout="read"] .hero .lede{margin:35px 0}
body[data-layout="read"] .hero-meta{margin-top:40px}
body[data-layout="read"] .principles{margin-top:50px}
body[data-layout="read"] .principle{padding:35px}
body[data-layout="read"] .principle h3{margin-top:50px}
body[data-layout="read"] .phone{transform:scale(1.15) rotateY(-16deg) rotateX(7deg) rotateZ(6deg)}
body[data-layout="read"] .museum-art{height:510px}
body[data-layout="read"] .city-card{padding:25px 30px}}
@media(max-height:760px) and (min-width:901px){body[data-layout="read"]{--header:80px;--footer:66px}
body[data-layout="read"] .slide{padding-top:20px}
body[data-layout="read"] .eyebrow{margin-bottom:15px}
body[data-layout="read"] h1{font-size:clamp(70px,8vw,124px)}
body[data-layout="read"] h2{font-size:clamp(48px,5vw,74px)}
body[data-layout="read"] .hero .eyebrow{margin-bottom:20px}
body[data-layout="read"] .hero .lede{margin:18px 0;font-size:17px}
body[data-layout="read"] .hero-meta{margin-top:21px}
body[data-layout="read"] .primary{padding:13px 18px;min-height:45px}
body[data-layout="read"] .intro{margin-top:18px;font-size:17px}
body[data-layout="read"] .principles{margin-top:25px}
body[data-layout="read"] .principle{padding:20px}
body[data-layout="read"] .principle h3{margin-top:25px}
body[data-layout="read"] .vocab-grid{margin-top:22px}
body[data-layout="read"] .vocab{min-height:218px;padding:18px}
body[data-layout="read"] .vocab h3{margin-top:25px}
body[data-layout="read"] .museum-art{height:390px}
body[data-layout="read"] .phone{height:398px;width:250px}
body[data-layout="read"] .phone-map{height:115px}
body[data-layout="read"] .phone #route-result{padding-top:13px}
body[data-layout="read"] .phone h3{font-size:21px}
body[data-layout="read"] .assistant-layout{margin-top:0}
body[data-layout="read"] .quiz-card{min-height:320px;padding:20px 25px}
body[data-layout="read"] .quiz-card h3{margin:18px 0;font-size:23px}
body[data-layout="read"] .quiz-option{padding:11px 13px}
body[data-layout="read"] .workflow{margin-top:28px}
body[data-layout="read"] .closing{margin-top:28px;padding-top:20px}
body[data-layout="read"] .tngo-badge{top:24%}
body[data-layout="read"] .big-stats{margin-top:17px}
body[data-layout="read"] .ride-steps{margin-top:20px}
body[data-layout="read"] .dialogue-layout{margin-top:5px}
body[data-layout="read"] .speech{padding:15px}
body[data-layout="read"] .speech>span{font-size:15px}
body[data-layout="read"] .claim-card{padding:27px}
body[data-layout="read"] .claim-card blockquote{font-size:29px;margin:27px 0}
body[data-layout="read"] .citations{margin-top:15px}}
@media(max-width:1100px){body[data-layout="read"] .course{display:none}
body[data-layout="read"] .current-chapter{min-width:185px}
body[data-layout="read"] #chapter-label{font-size:7px;letter-spacing:.8px;margin-left:0}
body[data-layout="read"] .motion-btn{margin-right:0}
body[data-layout="read"] .city-comparison{gap:15px}
body[data-layout="read"] .city-card{padding:17px}
body[data-layout="read"] .takeaway{padding-left:15px}
body[data-layout="read"] .takeaway p{font-size:20px}
body[data-layout="read"] .principle h3{font-size:21px}
body[data-layout="read"] .vocab{padding:17px}
body[data-layout="read"] .dialogue-layout{gap:5%}
body[data-layout="read"] .claim-card blockquote{font-size:29px}
body[data-layout="read"] .workflow h3{font-size:20px}
body[data-layout="read"] .assistant-layout h2{font-size:51px}
body[data-layout="read"] .credits-layout{gap:5%}
body[data-layout="read"] .map-label{display:none}
body[data-layout="read"] .phone-perspective{padding-right:10px}}
@media(max-width:900px){body[data-layout="read"]{--pad:6vw;--header:86px;--footer:75px}
body[data-layout="read"] .tools{gap:18px}
body[data-layout="read"] .slide{padding-top:25px}
body[data-layout="read"] .hero{align-items:start;padding-top:35px}
body[data-layout="read"] .hero-copy{grid-column:1/-1}
body[data-layout="read"] .hero h1{font-size:clamp(80px,13vw,122px)}
body[data-layout="read"] .hero .eyebrow{font-size:8px}
body[data-layout="read"] .hero .lede{font-size:18px}
body[data-layout="read"] .hero-meta{gap:20px}
body[data-layout="read"] .hero-meta small{font-size:7px}
body[data-layout="read"] .hero-meta>span{font-size:16px}
body[data-layout="read"] .hero .primary{margin-top:0}
body[data-layout="read"] .hero-meta{margin-top:30px}
body[data-layout="read"] #scene-wrap{width:75%;right:-23%;top:140px;bottom:95px;opacity:.8;mask-image:linear-gradient(to right,transparent,black 40%)}
body[data-layout="read"] .hero .floating-note{right:5%;bottom:10%;padding:15px;font-size:11px}
body[data-layout="read"] .floating-note .note-arrow{margin-left:8px}
body[data-layout="read"].scene-tngo #scene-wrap{right:-13%;opacity:.55}
body[data-layout="read"].scene-river #scene-wrap{width:90%;right:-27%;opacity:.65}
body[data-layout="read"] .eyebrow>span:last-child:not(.live-dot){max-width:40%;text-align:right;line-height:1.6;font-size:7px}
body[data-layout="read"] h2{font-size:64px}
body[data-layout="read"] .principles{gap:12px}
body[data-layout="read"] .principle{padding:17px}
body[data-layout="read"] .principle h3{font-size:19px;line-height:1.2}
body[data-layout="read"] .principle p{font-size:11px}
body[data-layout="read"] .city-comparison{grid-template-columns:1fr 1fr;gap:18px}
body[data-layout="read"] .takeaway{grid-column:1/-1;padding:0;display:flex;gap:20px;align-items:center}
body[data-layout="read"] .takeaway p{font-size:17px;flex:1;margin:10px 0}
body[data-layout="read"] .takeaway>span{font-size:7px;width:115px}
body[data-layout="read"] .takeaway .text-btn{font-size:10px}
body[data-layout="read"] .half-copy{width:65%}
body[data-layout="read"] .tngo-badge{right:8%;top:37%}
body[data-layout="read"] .vocab-grid{grid-template-columns:repeat(2,1fr);gap:15px}
body[data-layout="read"] .vocab{min-height:180px}
body[data-layout="read"] .vocab h3{font-size:28px;margin:16px 0}
body[data-layout="read"] .vocab h3 br{display:none}
body[data-layout="read"] .vocab-answer p{font-size:12px}
body[data-layout="read"] .dialogue-layout{grid-template-columns:1fr;gap:25px;margin:0}
body[data-layout="read"] .dialogue-layout h2 br{display:none}
body[data-layout="read"] .certainty-key{flex-direction:row;gap:25px;margin-top:20px}
body[data-layout="read"] .dialogue-layout .intro{display:none}
body[data-layout="read"] .speech{padding:14px}
body[data-layout="read"] .speech>span{font-size:15px}
body[data-layout="read"] .dialogue-end{font-size:11px}
body[data-layout="read"] .dialogue .feedback{font-size:11px}
body[data-layout="read"] .museum-layout{gap:3%;grid-template-columns:1fr 1.15fr}
body[data-layout="read"] .museum-art{height:420px}
body[data-layout="read"] .tower-front{left:35%}
body[data-layout="read"] .tower-back{left:0}
body[data-layout="read"] .museum-sun{width:230px;height:230px}
body[data-layout="read"] .museum-copy h2{font-size:61px}
body[data-layout="read"] .museum-copy .mini-label{font-size:7px}
body[data-layout="read"] .assistant-layout{gap:0;grid-template-columns:1.2fr 1fr}
body[data-layout="read"] .assistant-layout h2{font-size:47px}
body[data-layout="read"] .assistant-layout .intro{font-size:16px}
body[data-layout="read"] .phone{transform:scale(.9) rotateY(-16deg) rotateX(7deg) rotateZ(6deg);flex-shrink:0}
body[data-layout="read"] .phone:hover{transform:scale(.9)}
body[data-layout="read"] .assistant-layout .fineprint{font-size:10px;max-width:310px}
body[data-layout="read"] .segmented button{padding:11px 16px}
body[data-layout="read"] .check-layout,body[data-layout="read"] .quiz-layout{grid-template-columns:1fr;gap:25px;margin-top:5px}
body[data-layout="read"] .check-layout h2 br,body[data-layout="read"] .quiz-layout h2 br{display:none}
body[data-layout="read"] .check-process{flex-direction:row;margin-top:20px;gap:20px;font-size:10px}
body[data-layout="read"] .check-layout .intro{margin-top:15px}
body[data-layout="read"] .claim-card{transform:none;padding:22px}
body[data-layout="read"] .claim-card blockquote{font-size:26px;margin:22px 0}
body[data-layout="read"] .claim-card .feedback{padding-top:13px;min-height:35px}
body[data-layout="read"] .quiz-dots{margin-top:20px}
body[data-layout="read"] .quiz-score{margin-top:12px}
body[data-layout="read"] .quiz-card{min-height:320px;padding:20px}
body[data-layout="read"] .quiz-layout{gap:22px}
body[data-layout="read"] .quiz-card h3{margin:17px 0;font-size:23px}
body[data-layout="read"] .quiz-option{padding:12px}
body[data-layout="read"] .workflow{grid-template-columns:repeat(2,1fr);gap:25px;margin-top:30px}
body[data-layout="read"] .workflow h3{font-size:20px;margin-top:12px}
body[data-layout="read"] .workflow p{font-size:9px}
body[data-layout="read"] .closing{margin-top:30px;gap:25px}
body[data-layout="read"] .closing p{font-size:12px}
body[data-layout="read"] .closing .primary{font-size:10px;gap:20px}
body[data-layout="read"] .credits-layout{grid-template-columns:1fr}
body[data-layout="read"] .source-item a{font-size:11px}
body[data-layout="read"] .credit-note{padding:25px 0}
body[data-layout="read"] .current-chapter{min-width:0}
body[data-layout="read"] .progress{max-width:230px;gap:4px}
body[data-layout="read"] #chapter-label{display:none}
body[data-layout="read"] .motion-btn{margin:0;padding:12px 5px}
body[data-layout="read"] .motion-btn span{display:none}
body[data-layout="read"] .nav-arrow{width:37px;height:37px}
body[data-layout="read"] .bottom-bar{gap:18px}
body[data-layout="read"] .bottom-actions{gap:7px}
body[data-layout="read"] .shortcuts{gap:15px;flex-wrap:wrap}
body[data-layout="read"] #chapter-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){body[data-layout="read"]{--header:76px;--footer:66px}
body[data-layout="read"] .wordmark{font-size:9px;gap:9px}
body[data-layout="read"] .brand-icon{width:31px;height:31px;font-size:24px}
body[data-layout="read"] .tools{gap:13px}
body[data-layout="read"] .tool-label{display:none}
body[data-layout="read"] .tool-btn>span:first-child{font-size:21px}
body[data-layout="read"] .icon-btn{font-size:24px}
body[data-layout="read"] .hero{padding-top:26px}
body[data-layout="read"] .hero .eyebrow{font-size:6.8px;letter-spacing:1.2px;gap:9px}
body[data-layout="read"] .hero h1{font-size:clamp(68px,18vw,108px)}
body[data-layout="read"] .hero .lede{font-size:15px;line-height:1.5;margin:20px 0}
body[data-layout="read"] .destination{font-size:9px;gap:10px;letter-spacing:1.8px;margin-top:19px}
body[data-layout="read"] .destination-line{width:27px}
body[data-layout="read"] .hero .primary{padding:13px 17px;font-size:11px;gap:30px}
body[data-layout="read"] .hero-meta{margin-top:25px;gap:16px;flex-wrap:wrap;max-width:270px}
body[data-layout="read"] .hero-meta>span{gap:6px;font-size:15px}
body[data-layout="read"] .hero-meta small{font-size:6px;letter-spacing:.7px}
body[data-layout="read"] .floating-note{display:none}
body[data-layout="read"] #scene-wrap{top:180px;right:-58%;width:115%;bottom:10px;opacity:.55;mask-image:linear-gradient(to right,transparent,black 45%)}
body[data-layout="read"] .model-caption{display:none}
body[data-layout="read"].scene-people #scene-wrap{opacity:.12}
body[data-layout="read"] .slide{padding-top:22px}
body[data-layout="read"] .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:23px;gap:5px}
body[data-layout="read"] .eyebrow>span:last-child:not(.live-dot){font-size:6px;letter-spacing:.8px;max-width:42%}
body[data-layout="read"] .eyebrow .history-tag{padding:5px 7px}
body[data-layout="read"] h2{font-size:46px}
body[data-layout="read"] .intro{font-size:15px;margin-top:18px}
body[data-layout="read"] .principles{grid-template-columns:1fr;gap:10px;margin-top:23px}
body[data-layout="read"] .principle{padding:17px 20px;min-height:98px}
body[data-layout="read"] .principle>span{font-size:9px;position:absolute;top:19px}
body[data-layout="read"] .principle h3{font-size:20px;margin:0 0 0 32px}
body[data-layout="read"] .principle p{font-size:11px;margin:9px 0 0 32px}
body[data-layout="read"] .principle b{top:15px;font-size:19px}
body[data-layout="read"] .principle.active{transform:none}
body[data-layout="read"] .detail-line{font-size:11px;margin-top:16px}
body[data-layout="read"] .city-comparison{grid-template-columns:1fr;gap:17px;margin-top:22px}
body[data-layout="read"] .city-card{padding:18px 20px;min-height:170px}
body[data-layout="read"] .city-card h3{font-size:26px;margin-top:18px}
body[data-layout="read"] .city-card p{font-size:13px}
body[data-layout="read"] .city-art,body[data-layout="read"] .route-art{position:absolute;right:15px;top:32px;width:40%;height:70px;opacity:.6}
body[data-layout="read"] .city-top{font-size:7px}
body[data-layout="read"] .city-card .tag{font-size:7px;margin-top:14px}
body[data-layout="read"] .takeaway{display:block}
body[data-layout="read"] .takeaway>span{display:block;width:auto;margin-top:8px}
body[data-layout="read"] .takeaway p{font-size:20px}
body[data-layout="read"] .takeaway p br{display:none}
body[data-layout="read"] .citations{font-size:8px;margin-top:17px;gap:9px}
body[data-layout="read"] .half-copy{width:100%}
body[data-layout="read"] .half-copy>.intro{max-width:260px}
body[data-layout="read"] .big-stats{gap:35px;margin-top:26px}
body[data-layout="read"] .big-stats strong{font-size:64px}
body[data-layout="read"] .big-stats span{font-size:8px}
body[data-layout="read"] .ride-steps{font-size:10px;gap:10px;padding-top:18px;margin-top:25px}
body[data-layout="read"] .half-copy .fineprint{max-width:280px;font-size:10px}
body[data-layout="read"] .tngo-badge{display:none}
body[data-layout="read"].scene-tngo #scene-wrap{opacity:.18;right:-50%;top:230px}
body[data-layout="read"] .vocab-grid{gap:10px;margin-top:25px}
body[data-layout="read"] .vocab{min-height:191px;padding:15px}
body[data-layout="read"] .vocab-number{font-size:6.5px;letter-spacing:.8px}
body[data-layout="read"] .vocab h3{font-size:24px;margin:25px 0 20px}
body[data-layout="read"] .vocab h3 br{display:block}
body[data-layout="read"] .vocab-hint{font-size:8px}
body[data-layout="read"] .vocab[aria-expanded=true] h3{font-size:16px;margin:12px 0}
body[data-layout="read"] .vocab-answer p{font-size:11px}
body[data-layout="read"] .vocab-answer p[lang]{font-size:9px}
body[data-layout="read"] .vocab-answer small{font-size:6px;letter-spacing:.3px;margin-top:10px}
body[data-layout="read"] .dialogue-layout h2 br{display:block}
body[data-layout="read"] .certainty-key{gap:15px;font-size:7px;margin-top:20px}
body[data-layout="read"] .dialogue-layout{gap:22px}
body[data-layout="read"] .speech{padding:12px;gap:10px}
body[data-layout="read"] .speech>span{font-size:13px}
body[data-layout="read"] .speech b{width:23px;height:23px;font-size:8px}
body[data-layout="read"] .speech:nth-child(even){margin-left:10px;width:calc(100% - 10px)}
body[data-layout="read"] .speech small{font-size:10px}
body[data-layout="read"] .dialogue-end{font-size:10px;padding-left:10px}
body[data-layout="read"] .culture-caption p{font-size:22px}
body[data-layout="read"] .culture-river .half-copy{width:80%}
body[data-layout="read"] .culture-river .intro{font-size:16px}
body[data-layout="read"] .river-type{right:3%;top:35%;font-size:130px}
body[data-layout="read"].scene-river #scene-wrap{width:120%;right:-60%;top:170px;opacity:.4}
body[data-layout="read"] .museum-layout{grid-template-columns:1fr;gap:0}
body[data-layout="read"] .museum-art{grid-row:2;height:265px;margin-top:10px}
body[data-layout="read"] .museum-copy h2{font-size:52px}
body[data-layout="read"] .museum-copy h2 br{display:none}
body[data-layout="read"] .museum-copy .mini-label{margin-bottom:15px}
body[data-layout="read"] .museum-copy .intro{font-size:15px;margin-top:18px}
body[data-layout="read"] .museum-rule{margin-top:20px;padding-top:16px}
body[data-layout="read"] .museum-rule p{font-size:11px}
body[data-layout="read"] .museum-art .tower{transform:scale(.7);transform-origin:bottom center;bottom:40px}
body[data-layout="read"] .tower-front{left:44%}
body[data-layout="read"] .tower-back{left:18%}
body[data-layout="read"] .museum-sun{height:190px;width:190px;top:12%}
body[data-layout="read"] .museum-plinth{bottom:30px;width:75%;left:15%;height:22px}
body[data-layout="read"] .art-caption{font-size:6px;bottom:0}
body[data-layout="read"] .assistant-layout{grid-template-columns:1fr;gap:0}
body[data-layout="read"] .assistant-layout h2{font-size:45px}
body[data-layout="read"] .assistant-layout .intro{font-size:15px}
body[data-layout="read"] .segmented{margin:20px 0 15px}
body[data-layout="read"] .segmented button{font-size:11px;padding:10px 19px}
body[data-layout="read"] .assistant-layout .fineprint{font-size:9px;margin-top:16px}
body[data-layout="read"] .assistant-layout .fineprint br{display:none}
body[data-layout="read"] .phone-perspective{padding:10px 0;height:420px}
body[data-layout="read"] .phone{transform:scale(.9) rotateY(-13deg) rotateZ(5deg)}
body[data-layout="read"] .check-layout h2 br,body[data-layout="read"] .quiz-layout h2 br{display:block}
body[data-layout="read"] .check-layout,body[data-layout="read"] .quiz-layout{gap:22px;margin-top:0}
body[data-layout="read"] .check-process{font-size:8px;gap:12px;margin-top:20px;line-height:1.5}
body[data-layout="read"] .check-process span{padding-bottom:10px}
body[data-layout="read"] .claim-card{padding:21px}
body[data-layout="read"] .claim-card .mini-label{font-size:8px}
body[data-layout="read"] .claim-card blockquote{font-size:25px;margin:25px 0}
body[data-layout="read"] .claim-actions button{font-size:9px;padding:12px 11px;flex:1}
body[data-layout="read"] .claim-card .feedback{font-size:11px}
body[data-layout="read"] .quiz-dots{margin-top:23px}
body[data-layout="read"] .quiz-score{font-size:11px}
body[data-layout="read"] .quiz-card{padding:19px;min-height:330px}
body[data-layout="read"] .quiz-card h3{font-size:22px;line-height:1.3}
body[data-layout="read"] .quiz-option{font-size:12px;padding:12px 10px}
body[data-layout="read"] .quiz-top{font-size:8px}
body[data-layout="read"] .quiz-card .feedback{font-size:11px}
body[data-layout="read"] .finale h2{font-size:50px}
body[data-layout="read"] .workflow{gap:25px 15px;margin-top:30px}
body[data-layout="read"] .workflow span{font-size:7px;letter-spacing:1px}
body[data-layout="read"] .workflow h3{font-size:18px;line-height:1.2;margin-top:15px}
body[data-layout="read"] .workflow p{font-size:8px;line-height:1.7;max-width:120px}
body[data-layout="read"] .closing{display:block;margin-top:27px}
body[data-layout="read"] .closing>p{font-size:12px;line-height:1.7;margin-bottom:20px}
body[data-layout="read"] .closing .primary{font-size:11px;gap:40px}
body[data-layout="read"] .credits h2{font-size:43px}
body[data-layout="read"] .source-list{grid-template-columns:1fr}
body[data-layout="read"] .source-item a{font-size:12px}
body[data-layout="read"] .source-item p{font-size:9px}
body[data-layout="read"] .credits-layout{margin-top:20px}
body[data-layout="read"] .current-chapter{gap:7px;font-size:10px}
body[data-layout="read"] .progress{gap:3px;max-width:130px}
body[data-layout="read"] .bottom-bar{gap:12px}
body[data-layout="read"] .motion-btn{display:none}
body[data-layout="read"] .nav-arrow{width:33px;height:33px;font-size:16px}
body[data-layout="read"] .bottom-actions{gap:5px}
body[data-layout="read"] .progress button:after{height:2px}
body[data-layout="read"] .progress button.current:after{height:3px}
body[data-layout="read"] dialog{width:94vw;padding:22px;max-height:90dvh}
body[data-layout="read"] #chapter-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin:23px 0}
body[data-layout="read"] .chapter-tile{min-height:94px;padding:13px}
body[data-layout="read"] .chapter-tile h3{font-size:14px;line-height:1.3}
body[data-layout="read"] .chapter-tile small{font-size:7px}
body[data-layout="read"] .shortcuts{font-size:8px;gap:12px}
body[data-layout="read"] .modal-head h2{font-size:42px}
body[data-layout="read"] #presenter-panel{padding:22px}
body[data-layout="read"] #toast{font-size:10px;bottom:80px;text-align:center}}
@media(max-height:560px) and (min-width:650px){body[data-layout="read"]{--header:62px;--footer:55px}
body[data-layout="read"] .slide{padding-top:17px;overflow-y:auto}
body[data-layout="read"] .hero h1{font-size:66px}
body[data-layout="read"] .hero .eyebrow{margin-bottom:15px}
body[data-layout="read"] .hero .destination{margin-top:15px}
body[data-layout="read"] .hero .lede{font-size:14px;margin:14px 0}
body[data-layout="read"] .hero-meta{margin-top:16px}
body[data-layout="read"] .hero-meta small{font-size:6px}
body[data-layout="read"] .floating-note{bottom:8%;font-size:11px}
body[data-layout="read"] .eyebrow{margin-bottom:15px}
body[data-layout="read"] h2{font-size:47px}
body[data-layout="read"] .intro{font-size:15px;margin-top:16px}
body[data-layout="read"] .principles{margin-top:20px}
body[data-layout="read"] .principle{padding:14px}
body[data-layout="read"] .principle h3{font-size:20px;margin-top:20px}
body[data-layout="read"] .principle p{font-size:11px}
body[data-layout="read"] .phone-perspective{height:315px}
body[data-layout="read"] .phone{transform:scale(.72) rotateY(-15deg) rotateZ(5deg)}
body[data-layout="read"] .museum-art{height:320px}
body[data-layout="read"] .city-card{padding:14px}
body[data-layout="read"] .city-art,body[data-layout="read"] .route-art{height:65px}
body[data-layout="read"] .city-card h3{font-size:24px}
body[data-layout="read"] .workflow{margin-top:23px}
body[data-layout="read"] .closing{margin-top:23px}
body[data-layout="read"] .vocab{min-height:190px}
body[data-layout="read"] .vocab h3{font-size:26px}
body[data-layout="read"] .quiz-layout,body[data-layout="read"] .check-layout{grid-template-columns:1fr 1.1fr;gap:5%}
body[data-layout="read"] .quiz-card{min-height:280px}
body[data-layout="read"] .quiz-card h3{font-size:20px;margin:16px 0}
body[data-layout="read"] .quiz-option{padding:9px;font-size:11px}
body[data-layout="read"] .quiz-dots{margin-top:25px}
body[data-layout="read"] .speech{padding:12px}
body[data-layout="read"] .speech>span{font-size:13px}
body[data-layout="read"] .dialogue-layout{grid-template-columns:.8fr 1.2fr;gap:5%}
body[data-layout="read"] .dialogue-layout h2 br{display:block}
body[data-layout="read"] .dialogue-layout .intro{display:block;font-size:15px}
body[data-layout="read"] .certainty-key{flex-direction:column;gap:12px}
body[data-layout="read"] .quiz-layout h2 br,body[data-layout="read"] .check-layout h2 br{display:block}}
body.motion-off *,body.motion-off *:before,body.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{overflow:visible;background:white;color:black}
.topbar,.bottom-bar,#scene-wrap,.ambient,.grain,dialog,#presenter-panel,#toast{display:none!important}
#slide-stage{height:auto}
.slide{display:block!important;position:relative;overflow:visible;min-height:95vh;break-after:page;padding:40px;animation:none!important}
.slide *{color:black!important;animation:none!important}
.slide h2{font-size:50px}
.slide h1{font-size:90px}
.hero{display:block!important}
.slide button{border:1px solid #aaa}
.source-list{display:block}
.credits .credit-note{margin-top:20px}}
.landmark-key{position:absolute;z-index:4;top:7%;right:12%;display:flex;gap:24px;font-size:8px;letter-spacing:1.1px;color:#d8b564}
.landmark-key>span{display:grid;grid-template-columns:5px 1fr;gap:4px 7px;align-items:center}
.landmark-key i{width:4px;height:4px;border-radius:50%;background:#f3c866}
.landmark-key small{font-size:6px;color:#74998a;grid-column:2;letter-spacing:.8px}
.landmark-key>span:nth-child(2){color:#b4d3c5}
.landmark-key>span:nth-child(2) i{background:#b4d3c5}
.scene-people .landmark-key,.scene-world .landmark-key,.scene-assistant .landmark-key,.scene-finale .landmark-key{display:none}
.bridge-interaction .text-btn{font-size:12px;margin-bottom:7px}
.bridge-interaction .text-btn span{font-size:19px;margin-left:18px}
.bridge-interaction .fineprint{font-size:10px;max-width:340px;line-height:1.7}
.scene-river .landmark-key{top:12%;right:18%}
@media(max-width:900px){body[data-layout="read"] .landmark-key{display:none}
body[data-layout="read"] .bridge-interaction .fineprint{max-width:280px}}
.fallback-han{transform-box:fill-box;transform-origin:center;transition:transform 1.5s cubic-bezier(.2,.7,.2,1)}
.bridge-open .fallback-han{transform:rotate(90deg)}
/* showtime.css */
#slide-stage{overflow:hidden;perspective:1800px}
.showtime{overflow-x:hidden!important}
.showtime .citations{position:relative;z-index:8}
.product-photo-wrap,.prototype-space{min-width:0;overflow:clip}
.photo-halo,.prototype-ring{max-width:95%}
.gallery-space{overflow:clip}
:root{--bg:#050d1c;--ink:#f5f6ee;--muted:#a8b6c8;--accent:#c4ff63;--teal:#6eeeff;--orange:#ffb34b;--header:82px;--footer:67px;--pad:5vw}
body{background:#050d1c}
.ambient{background:radial-gradient(ellipse at 75% 30%,#006fad28,transparent 65%),linear-gradient(120deg,#040b19,transparent 75%)}
#cinema-backdrop{position:fixed;inset:0;z-index:0;background-image:linear-gradient(90deg,#030b18f5 8%,#07142985 55%,#030b1833),linear-gradient(0deg,#040c1af5,transparent 35%,#03091788),var(--scene-photo);background-size:cover;background-position:center;opacity:.8;animation:cinema-breath 24s ease-in-out infinite alternate;transition:background-image 1s}
.topbar,.bottom-bar{background:#050c1833;backdrop-filter:blur(9px)}
.topbar{z-index:35}
.course{letter-spacing:1.2px;font-size:9px}
.brand-icon{background:var(--accent);box-shadow:0 0 30px #b4ff5522}
.light-ribbons{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.light-ribbons i{position:absolute;width:140vw;height:280px;border:1px solid #73e9ff25;border-radius:50%;left:-20%;top:40%;transform:rotate(-23deg);box-shadow:0 1px 20px #3cc4ff13,inset 0 1px 30px #3c8dff0d;animation:ribbon-drift 14s ease-in-out infinite alternate}
.light-ribbons i:nth-child(2){top:75%;left:10%;border-color:#c2ff5119;transform:rotate(-14deg);animation-delay:-8s}
.light-ribbons i:nth-child(3){top:3%;height:500px;border-color:#fc8a6822;animation-delay:-3s}
.showtime{padding-top:20px;padding-bottom:55px;isolation:isolate}
.showtime .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:18px;color:var(--teal)}
.chapter-code{color:var(--accent);font-size:9px;letter-spacing:2px;margin-right:13px}
.showtime h2{font-size:clamp(42px,4.6vw,74px);line-height:1.02;letter-spacing:-.052em;font-weight:550}
.showtime h2 em{color:var(--accent)}
.showtime .section-title{display:flex;align-items:end;justify-content:space-between;gap:25px}
.section-title>p{font-size:13px;color:var(--muted);line-height:1.7;max-width:220px;padding-bottom:6px}
.stage-subtitle{font-size:clamp(15px,1.35vw,21px);line-height:1.65;color:#c1ccdd;font-weight:350;letter-spacing:-.01em;margin-top:22px}
.overline{font-size:9px;letter-spacing:1.8px;color:var(--teal)}
.speaking-cue{position:absolute;bottom:10px;left:var(--pad);right:var(--pad);display:flex;gap:10px;align-items:center;font-size:11px;line-height:1.5;color:#c6d2dd;border-top:1px solid #64c2ff24;padding-top:12px;letter-spacing:.1px}
.speaking-cue i{height:5px;width:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent);flex-shrink:0}
.primary{border-radius:2px;background:linear-gradient(110deg,#d0ff73,#aaff59);box-shadow:0 4px 30px #c4ff6310;min-height:46px;padding:14px 19px}
.primary:hover{box-shadow:0 0 35px #c4ff633a;transform:translateY(-3px)}
.micro-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:12px;max-width:350px}
.citations{font-size:8px;gap:7px 12px;margin-top:17px;max-width:95%}
.citations:before{font-size:7px}
.citations a{color:#8ca1b6}
.tilt-card{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .35s,border-color .35s;will-change:transform}
.photo-panel{padding:0;border:1px solid #a6d9ff4d;overflow:hidden;background:#0c1929;text-align:left;position:relative}
.photo-panel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s}
.photo-panel:hover img{transform:scale(1.045)}
.photo-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:25px 16px 13px;background:linear-gradient(transparent,#030c1be8);font-size:8px;letter-spacing:1px;color:#edf5f2}
.photo-label b{font-size:20px;color:var(--accent);font-weight:400}
.showtime.active{animation:stage-enter .85s cubic-bezier(.16,.8,.2,1) both}
.showtime.active .section-title,.showtime.active .stage-subtitle{animation:text-enter .85s .12s both}
.showtime.active .speaking-cue{animation:text-enter .6s .3s both}
#scene-wrap{top:75px;bottom:50px;width:65%;right:-2%;filter:drop-shadow(0 0 16px #4abaff18);opacity:1;transition:transform 1.6s cubic-bezier(.2,.8,.2,1),opacity .8s;mask-image:linear-gradient(90deg,transparent,black 12%)}
.scene-hero #scene-wrap{transform:translate(4%,3%) scale(.97)}
.scene-tngo #scene-wrap{opacity:.35;transform:translate(-15%,21%) scale(.8)}
.scene-assistant #scene-wrap{opacity:.14;transform:translate(10%,10%)}
.scene-river #scene-wrap{width:75%;opacity:.65;transform:translate(10%,22%) scale(.85)}
.scene-finale #scene-wrap{opacity:.44;transform:translate(4%,21%) scale(.98)}
.scene-orbit{border-color:#58edff44;box-shadow:0 0 0 45px #47caff08,0 0 0 90px #baff5e05,0 0 60px #48c1ff15;animation:orbit-breathe 6s ease-in-out infinite}
.model-caption{font-size:6px;bottom:7%;right:14%;color:#84a4b8}
.landmark-key{top:6%;right:15%}
.label-city{color:#a8eaff}
.scene-tngo .landmark-key,.scene-tngo .map-label,.scene-tngo .model-caption,.scene-assistant .model-caption{display:none}
.intro-copy{position:relative;width:49%;padding-top:clamp(15px,3vh,40px);z-index:5}
.intro-copy>.overline{display:block;font-size:clamp(13px,1.4vw,22px);letter-spacing:3.5px;color:#eaf4ee;margin-bottom:13px}
.intro-copy h1{font-size:clamp(85px,10.8vw,175px);font-weight:750;letter-spacing:-.075em;line-height:.78;color:#f6f7f2;text-shadow:2px 3px 0 #386776,4px 6px 0 #182a3f;position:relative}
.intro-copy h1 em{display:block;font-family:inherit;font-style:normal;letter-spacing:-.07em;font-size:1em;color:var(--accent);font-weight:750;line-height:.95;text-shadow:1px 2px 0 #4d843e,3px 5px 0 #243e3a,0 0 60px #b9fb5e14}
.hero-question{font-size:clamp(18px,2vw,30px);font-weight:350;letter-spacing:-.03em;margin-top:16px;line-height:1.3}
.hero-question span{color:var(--teal)}
.idea-equation{display:flex;gap:12px;align-items:center;margin-top:21px}
.idea-equation span{font-size:9px;letter-spacing:1px;border:1px solid #81d1ff45;background:#13365588;padding:9px 13px;backdrop-filter:blur(8px);color:#d6efff}
.idea-equation b{font-weight:300;font-size:20px;color:var(--accent)}
.intro-copy .stage-subtitle{font-size:14px;line-height:1.6;margin-top:17px}
.intro-copy .primary{margin-top:20px;font-size:11px;gap:35px}
.hero-stamp{position:absolute;right:7%;bottom:12%;display:flex;gap:12px;align-items:center;border:1px solid #8adfff44;background:#0b2237cc;backdrop-filter:blur(14px);padding:16px 22px;transform:rotate(-5deg);box-shadow:0 20px 50px #0007;animation:float-stamp 6s ease-in-out infinite}
.hero-stamp>span{font-size:40px;letter-spacing:-.06em;color:var(--accent);font-weight:300}
.hero-stamp small{font-size:8px;letter-spacing:1.7px;line-height:1.8;color:#c4d8e5}
.scene-orbital{position:absolute;right:7%;top:14%;display:flex;align-items:center;gap:14px;color:#8ca6b9;font-size:7px;letter-spacing:1.3px}
.scene-orbital i{width:45px;height:1px;background:#5cdfd5}
.scene-orbital b{font-weight:400}
.intro-stage .speaking-cue{max-width:46%}
.textbook-world{display:grid;grid-template-columns:1fr 125px 1fr;align-items:center;gap:15px;margin-top:26px;perspective:1100px}
.world-photo{height:clamp(240px,37vh,410px);overflow:hidden;position:relative;border:1px solid #73cbff55;box-shadow:0 25px 70px #0006}
.world-photo>img{height:100%;width:100%;object-fit:cover;animation:photo-breathe 16s ease-in-out infinite alternate}
.ny-photo{transform:perspective(1100px) rotateY(9deg) rotateZ(-2deg)}
.cp-photo{transform:perspective(1100px) rotateY(-9deg) rotateZ(2deg);border-color:#c8ff5e55}
.world-copy{position:absolute;inset:0;padding:23px;display:flex;justify-content:end;align-items:start;flex-direction:column;background:linear-gradient(transparent 10%,#041125cc 62%,#041126f5)}
.world-copy>span{font-size:8px;letter-spacing:1.2px;color:var(--teal)}
.world-copy h3{font-size:35px;line-height:1.1;margin-top:12px;font-weight:550}
.world-copy p{font-size:14px;color:#c6d5e1;margin-top:9px}
.world-connector{text-align:center;font-size:8px;letter-spacing:1.4px;color:var(--muted)}
.mini-globe{width:86px;height:86px;border:1px solid #6ad9ff66;border-radius:50%;position:relative;display:grid;place-items:center;margin:20px auto;transform-style:preserve-3d;box-shadow:inset 0 0 30px #46a7ff22,0 0 30px #2cb3ff22}
.mini-globe i{position:absolute;inset:0;border:1px solid #65e8ff55;border-radius:50%;transform:rotateY(60deg);animation:globe-spin 9s linear infinite}
.mini-globe i:nth-child(2){transform:rotateX(60deg);animation-direction:reverse}
.mini-globe i:nth-child(3){animation-delay:-3s}
.mini-globe b{font-size:32px;color:var(--accent);font-weight:300}
.unlock-orbit{position:absolute;right:20px;top:22px;height:50px;width:50px;border-radius:50%;border:1px solid #baff6744;display:grid;place-items:center}
.unlock-orbit i{position:absolute;inset:-5px;border:1px dashed #baff6788;border-radius:50%;animation:spin 15s linear infinite}
.unlock-orbit b{color:var(--accent);font-size:20px;font-weight:400}
.drawing-route{position:absolute;right:20px;top:26px;width:110px;height:45px;fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:8 6;animation:dash 2s linear infinite}
.local-copy{width:43%;position:relative;z-index:5}
.local-copy .stage-subtitle{font-size:17px;margin-top:22px}
.route-stop{display:flex;gap:14px;align-items:center;margin-top:23px}
.route-stop>b{width:35px;height:35px;border:1px solid #6eeeff77;border-radius:50%;display:grid;place-items:center;font-size:10px;color:var(--teal);box-shadow:0 0 25px #2ce8ff15}
.route-stop>span{font-size:10px;letter-spacing:1.5px}
.route-stop small{display:block;font-size:12px;letter-spacing:0;color:var(--muted);margin-top:7px}
.route-thread{height:24px;border-left:1px dashed #5ddfff88;margin:8px 0 -15px 17px;animation:thread-pulse 3s infinite}
.local-copy .text-btn{margin-top:19px;font-size:11px;gap:18px}
.local-copy .micro-note{font-size:8px;margin-top:7px}
.local-postcards{position:absolute;right:7%;top:14%;width:43%;height:60%;pointer-events:none;perspective:1100px}
.postcard{position:absolute;background:#10283b;border:1px solid #a8dfff55;box-shadow:15px 25px 50px #0007;width:58%;height:57%;overflow:hidden;animation:postcard-float 9s ease-in-out infinite}
.postcard img{width:100%;height:100%;object-fit:cover}
.postcard span{position:absolute;bottom:0;left:0;right:0;background:#061324cb;padding:10px;font-size:6px;letter-spacing:.8px}
.river-postcard{left:0;top:0;rotate:-7deg}
.museum-postcard{right:0;top:17%;rotate:8deg;animation-delay:-4s}
.local-stage .citations{max-width:47%;font-size:7px}
.local-stage .speaking-cue{max-width:47%}
.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}
.product-copy{z-index:5;position:relative}
.launch-date{display:flex;align-items:center;gap:13px;margin-top:25px}
.launch-date>span{font-size:9px;letter-spacing:2px;color:var(--teal);writing-mode:vertical-rl;rotate:180deg}
.launch-date strong{font-size:61px;font-weight:350;color:var(--accent);letter-spacing:-.065em;line-height:1}
.launch-date small{font-size:8px;letter-spacing:1.3px;color:var(--muted);max-width:90px;line-height:1.8}
.product-copy .stage-subtitle{font-size:17px}
.ride-controls{display:flex;gap:8px;margin-top:25px}
.ride-controls button{font-size:10px;padding:11px 13px;border:1px solid #7fccff33;background:#11314a88;color:var(--muted);transition:.3s}
.ride-controls button.selected{background:var(--accent);color:#0b1b20;border-color:var(--accent)}
.product-photo-wrap{position:relative;height:clamp(335px,58vh,620px);display:flex;justify-content:center;align-items:center;perspective:1200px}
.tngo-photo{width:72%;height:95%;rotate:7deg;box-shadow:20px 30px 60px #0008;animation:float-stamp 8s ease-in-out infinite}
.tngo-photo img{object-position:50% 66%}
.photo-halo{position:absolute;width:108%;aspect-ratio:1;border:1px solid #50dfff44;border-radius:50%;transform:rotateX(60deg);box-shadow:0 0 0 30px #49b5ff0a,inset 0 0 70px #34b5ff17;animation:orbit-breathe 7s infinite}
.scan-frame{position:absolute;inset:20% 13% 16%;border:1px solid #c9ff6877;pointer-events:none;clip-path:polygon(0 0,25% 0,25% 2%,2% 2%,2% 98%,25% 98%,25% 100%,0 100%,0 0,100% 0,100% 100%,75% 100%,75% 98%,98% 98%,98% 2%,75% 2%,75% 0);filter:drop-shadow(0 0 15px #c4ff6388)}
.scan-frame i{position:absolute;left:0;right:0;top:0;height:2px;background:var(--accent);box-shadow:0 0 25px var(--accent);animation:scan 5s ease-in-out infinite}
.scan-frame>span{font-size:7px}
.product-token{position:absolute;left:1%;bottom:12%;font-size:37px;background:#082a45d9;backdrop-filter:blur(15px);padding:15px 23px;border:1px solid #77d5ff66;color:#dbf5ff;letter-spacing:-.06em;rotate:-7deg;box-shadow:0 15px 35px #0005}
.product-token span{font-size:25px;margin-left:25px;color:var(--accent)}
.gallery-copy{width:39%;position:relative;z-index:5;padding-top:12px}
.gallery-copy>.overline{color:#eebf83;display:block;margin-bottom:18px}
.gallery-copy h2 em{color:#ffca82}
.gallery-copy .stage-subtitle{font-size:18px}
.culture-principle{border-left:1px solid #ffbf6d88;padding-left:17px;margin-top:26px}
.culture-principle b{font-size:8px;letter-spacing:1.2px;color:#ffca82}
.culture-principle p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:9px}
.gallery-space{position:absolute;right:6%;top:13%;width:51%;height:74%;perspective:1300px}
.gallery-orbit{position:absolute;inset:10%;border:1px solid #eeb27533;border-radius:50%;transform:rotateY(-20deg) rotateX(55deg);box-shadow:0 0 45px #e4923c12;animation:orbit-breathe 8s ease-in-out infinite}
.orbit-two{inset:0;rotate:25deg;animation-delay:-4s}
.gallery-back{position:absolute;width:59%;height:55%;left:0;top:0;rotate:-9deg;animation:postcard-float 10s infinite;box-shadow:0 30px 65px #0009}
.gallery-front{position:absolute;width:75%;height:68%;right:0;top:17%;rotate:5deg;border-color:#f7c99466;box-shadow:10px 35px 80px #000a;animation:postcard-float 10s -4s infinite}
.gallery-plinth{position:absolute;bottom:6%;left:12%;width:83%;height:18px;background:linear-gradient(90deg,#745838,#f1c59088,#745838);transform:rotateY(-15deg) rotateZ(3deg);box-shadow:0 15px 50px #d89b4b22;z-index:-1}
.gallery-hint{position:absolute;bottom:0;right:0;font-size:7px;letter-spacing:1.5px;color:#b1a089}
.culture-stage{background:radial-gradient(ellipse at 70% 40%,#8b4a1b21,transparent 60%)}
.transport-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}
.transport-card{text-align:left;padding:22px;background:linear-gradient(150deg,#123b5544,#09172d);border:1px solid #68c9ff33;position:relative;overflow:hidden;transition:.3s}
.transport-card.selected{border-color:var(--accent);box-shadow:0 0 35px #aaff6311;background:linear-gradient(135deg,#315c3929,#071b29)}
.transport-card h3{font-size:23px;margin-top:13px}
.transport-card p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px}
.vehicle-stage,.weather-stage{height:145px;position:relative;display:flex;align-items:center;justify-content:center;perspective:800px}
.bike-svg{width:90%;height:130px;overflow:visible;fill:none;stroke:#9aebff;stroke-width:1.4;filter:drop-shadow(0 0 11px #48e3ff33);transform:rotateY(-10deg) rotateZ(-6deg);animation:cycle-bob 4s ease-in-out infinite}
.bike-frame{stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.wheel{animation:spin 3s linear infinite}
.road-lights{position:absolute;left:0;right:0;height:1px;bottom:12px;background:repeating-linear-gradient(90deg,#78cfff88 0 22px,transparent 22px 42px);background-size:84px;box-shadow:0 0 15px #40baff;animation:road-move 2s linear infinite}
.walker-svg{height:120px;width:130px;fill:#18274a;stroke:var(--teal);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;animation:walk-bob 1s ease-in-out infinite}
.walker-svg circle{fill:#a7f3ff;stroke:none}
.walk-ground{position:absolute;bottom:0;width:100px;height:15px;border:1px solid #73dfff33;transform:rotateX(65deg);border-radius:50%;box-shadow:0 0 25px #73dfff22}
.sun-orbit{height:100px;width:100px;border:1px dashed #ffbc5555;border-radius:50%;position:relative;display:grid;place-items:center;animation:spin 25s linear infinite}
.sun-orbit>span{font-size:52px;color:#ffc45f;text-shadow:0 0 35px #ffad4455}
.sun-orbit i{position:absolute;inset:-18px;border:1px solid #f2af3d33;border-radius:50%;transform:rotateY(60deg)}
.weather-road{position:absolute;width:95%;height:55px;bottom:0;background:repeating-linear-gradient(90deg,transparent 0 40px,#74bbff33 40px 41px),repeating-linear-gradient(0deg,transparent 0 15px,#74bbff22 15px 16px);transform:rotateX(65deg);mask-image:linear-gradient(transparent,black)}
.transport-feedback{padding-top:18px;color:var(--accent);font-size:12px;line-height:1.6}
.phrase-orbit{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px;perspective:1200px}
.phrase-card{position:relative;padding:0 0 20px;background:linear-gradient(#123347,#071729);text-align:left;border:1px solid #83dfff44;overflow:hidden;box-shadow:0 20px 60px #0004;animation:word-float 8s ease-in-out infinite}
.phrase-card:nth-child(2){animation-delay:-2.6s}
.phrase-card:nth-child(3){animation-delay:-5.2s}
.phrase-image{height:130px;position:relative;overflow:hidden}
.phrase-image img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:.5s}
.phrase-image span{position:absolute;left:17px;bottom:12px;font-size:8px;letter-spacing:1.4px;background:#071a28cc;padding:6px 9px;color:var(--accent);backdrop-filter:blur(5px)}
.phrase-card h3{font-size:25px;line-height:1.15;padding:20px 20px 0;min-height:76px}
.reveal-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#8ca6bb;padding:15px 20px 0;align-items:center}
.reveal-label b{font-size:22px;font-weight:300;color:var(--accent)}
.phrase-meaning{display:none;padding:15px 20px 0}
.phrase-meaning p{font-size:19px;line-height:1.35;color:#d7f5c3}
.phrase-meaning small{display:block;margin-top:10px;color:#94b6b7;font-size:10px}
.phrase-card[aria-expanded=true]{border-color:var(--accent)}
.phrase-card[aria-expanded=true] .phrase-image{height:75px}
.phrase-card[aria-expanded=true] h3{min-height:0;font-size:20px;padding-top:15px}
.phrase-card[aria-expanded=true] .phrase-meaning{display:block;animation:text-enter .5s both}
.phrase-card[aria-expanded=true] .reveal-label{display:none}
.words-stage .citations{margin-top:18px}
.assistant-scene{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4%;height:calc(100% - 50px)}
.assistant-copy .stage-subtitle{font-size:22px;color:#bdecff;border-left:1px solid #6eeeff66;padding-left:18px;margin:25px 0}
.assistant-copy .primary{font-size:11px;gap:25px}
.prototype-space{position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px;height:100%}
.prototype-ring{position:absolute;border:1px solid #6eeeff44;border-radius:50%;width:110%;aspect-ratio:1;transform:rotateX(58deg) rotateZ(-20deg);box-shadow:0 0 50px #30cbff12;animation:orbit-breathe 8s infinite}
.ring-b{width:80%;border-color:#c4ff6344;rotate:80deg;animation-delay:-4s}
.paper-prototype{position:relative;width:300px;min-height:375px;background:#edf6df;color:#152f33;padding:20px 20px 15px;box-shadow:14px 18px 0 #2d657333,30px 35px 75px #0008;border:1px solid #c1e8d6;transform:perspective(1200px) rotateY(-14deg) rotateX(5deg) rotateZ(5deg);animation:paper-float 9s ease-in-out infinite}
.paper-prototype:before{content:'';position:absolute;top:-1px;right:-1px;border-top:25px solid #162c37;border-left:25px solid #b1c7ac}
.paper-header{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.2px;margin-bottom:15px}
.paper-header b{font-size:23px;color:#4d7f6e;font-weight:300}
.paper-photo{height:100px;position:relative;overflow:hidden}
.paper-photo img{width:100%;height:100%;object-fit:cover}
.paper-photo>span{position:absolute;bottom:8px;left:10px;font-size:6px;letter-spacing:1px;color:white;background:#16372eaa;padding:5px}
.prompt-bubble{position:relative;z-index:2;background:#bfe6b4;padding:13px;margin:13px 0 16px;font-size:12px;line-height:1.5;box-shadow:0 5px 20px #345a2222;rotate:-2deg}
.paper-prototype #route-result{min-height:100px;padding:0 5px 16px}
.paper-prototype #route-result p{font-size:11px;line-height:1.6;color:#577a62;margin-top:15px}
.paper-prototype #route-result .overline{color:#567862;font-size:7px}
.paper-waiting{display:flex;gap:5px}
.paper-waiting i{height:5px;width:5px;background:#5f8d70;border-radius:50%;animation:dot-pulse 1.4s infinite}
.paper-waiting i:nth-child(2){animation-delay:.2s}
.paper-waiting i:nth-child(3){animation-delay:.4s}
.paper-footer{font-size:6px;letter-spacing:.8px;border-top:1px solid #71936e44;padding-top:10px;display:flex;justify-content:space-between;color:#6a8468}
.sample-answer{padding-left:17px;font-size:12px;line-height:1.8;margin:10px 0 0}
.sample-answer li{animation:text-enter .5s both}
.sample-answer li:nth-child(2){animation-delay:.18s}
.sample-answer li:nth-child(3){animation-delay:.36s}
.process-pipeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:35px;padding:20px 0}
.pipeline-energy{position:absolute;left:5%;right:5%;top:74px;height:2px;background:linear-gradient(90deg,#62cfff22,#c4ff63,#7be7ff44,#62cfff22);background-size:45% 100%;animation:energy-flow 5s linear infinite;box-shadow:0 0 20px #6eeeff33}
.process-node{position:relative;text-align:center;background:none;padding:0 8px}
.node-orb{width:85px;height:85px;border-radius:50%;display:grid;place-items:center;font-size:36px;color:var(--teal);background:radial-gradient(ellipse at 35% 25%,#336582,#0c2238 60%,#020a1a);border:1px solid #6edfff66;margin:0 auto 20px;box-shadow:inset -7px -10px 18px #0004,inset 5px 5px 20px #76cfff15,0 0 30px #62cfff17;animation:node-bob 4s infinite}
.process-node:nth-child(3) .node-orb{animation-delay:-1s}
.process-node:nth-child(4) .node-orb{animation-delay:-2s}
.process-node:nth-child(5) .node-orb{animation-delay:-3s}
.process-node small{font-size:8px;letter-spacing:1.2px;color:var(--accent)}
.process-node h3{font-size:25px;margin-top:13px}
.process-node p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px}
.process-node.selected .node-orb{border-color:var(--accent);color:var(--accent);box-shadow:0 0 35px #b4ff6344}
.evidence-strip{border:1px solid #6eeeff33;background:#0c243d66;padding:15px 20px;margin-top:22px}
.evidence-strip>span{font-size:7px;letter-spacing:1.3px;color:var(--teal)}
.evidence-strip p{font-size:12px;line-height:1.6;margin-top:9px;color:#b8cbda;min-height:19px}
.team-roles{display:flex;gap:25px;margin-top:18px;color:var(--accent);font-size:9px}
.team-roles b{font-weight:400;color:var(--muted);margin-left:8px}
.conversation-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:start}
.conversation-intro h2{font-size:clamp(45px,5vw,80px)}
.conversation-intro .primary{font-size:11px;gap:35px;margin-top:20px}
.voice-orbit{height:140px;width:190px;position:relative;margin:20px 0 0;perspective:600px;display:grid;place-items:center}
.voice-orbit>i{position:absolute;inset:15% 5%;border:1px solid #65deff44;border-radius:50%;transform:rotateX(50deg);animation:spin 18s linear infinite}
.voice-orbit>i:nth-child(2){inset:0 15%;border-color:#c4ff6344;animation-direction:reverse}
.voice-orbit>span{position:absolute;width:33px;height:33px;border:1px solid #6eeeff66;border-radius:50%;display:grid;place-items:center;background:#112c43;font-size:8px;box-shadow:0 0 22px #6eeeff22;animation:node-bob 5s infinite}
.voice-orbit>span:nth-of-type(1){left:10%;top:0}
.voice-orbit>span:nth-of-type(2){right:8%;top:8%;animation-delay:-1s}
.voice-orbit>span:nth-of-type(3){left:0;bottom:10%;animation-delay:-2s}
.voice-orbit>span:nth-of-type(4){right:0;bottom:0;animation-delay:-3s}
.voice-orbit>b{font-size:34px;font-weight:300;color:var(--accent)}
body[data-voice=TV1] .voice-orbit>span:nth-of-type(1),body[data-voice=TV2] .voice-orbit>span:nth-of-type(2),body[data-voice=TV3] .voice-orbit>span:nth-of-type(3),body[data-voice=TV4] .voice-orbit>span:nth-of-type(4){color:#0d232a;background:var(--accent);border-color:var(--accent);box-shadow:0 0 28px #c4ff6366}
.dialogue-script{display:flex;flex-direction:column;gap:7px}
.dialogue-line{display:flex;gap:12px;align-items:center;text-align:left;width:100%;padding:11px 14px;background:#10263b77;border:1px solid #73bfff1f;color:#bfcddb;transition:.35s}
.dialogue-line>b{font-size:8px;letter-spacing:1px;font-weight:500;color:var(--teal);min-width:24px}
.dialogue-line>span{font-size:13px;line-height:1.45}
.dialogue-line>i{font-size:9px;color:var(--accent);margin-left:auto;font-style:normal;opacity:0}
.dialogue-line.current{background:#1b405266;border-color:#8ff2ff88;transform:translateX(-9px);box-shadow:0 0 25px #62eaff10}
.dialogue-line.current>i{opacity:1}
.dialogue-line mark{background:none;color:var(--accent);font-weight:650}
.dialogue-line .uncertain{color:#ffb76d}
.dialogue-stage .citations{margin-top:14px}
.claim-layout{display:grid;grid-template-columns:1fr 1.07fr;gap:7%;align-items:center}
.check-list{list-style:none;margin:25px 0 0;padding:0;display:flex;flex-direction:column;gap:13px;color:#b7cbd9;font-size:13px;line-height:1.5}
.check-list li{padding-left:21px;position:relative}
.check-list li:before{content:'↗';position:absolute;left:0;color:var(--teal)}
.claim-intro .text-btn{margin-top:22px;font-size:11px}
.claim-machine{position:relative;overflow:hidden;padding:30px;background:linear-gradient(145deg,#301b2e77,#11213c99);border:1px solid #ff9f744d;box-shadow:0 25px 75px #0004;transform:perspective(1100px) rotateY(-5deg) rotateZ(2deg);min-height:350px}
.claim-machine>.overline{color:#ffc0a0}
.claim-machine blockquote{font-size:clamp(27px,3vw,45px);line-height:1.2;letter-spacing:-.03em;margin:30px 0;color:#f5dbd1;transition:.5s}
.claim-machine blockquote em{color:#ffa079}
.reject-btn{background:#ffb78a;font-size:11px;gap:30px}
.claim-verdict{margin-top:22px;border-top:1px solid #ffbb8840;padding-top:15px;position:relative;z-index:2}
.claim-verdict>span{font-size:8px;letter-spacing:1.5px;color:#a5c0cd}
.claim-verdict p{font-size:12px;line-height:1.7;color:#c8d4d9;margin-top:9px}
.reject-stamp{position:absolute;top:26%;right:5%;border:3px solid #ff9163;color:#ff9163;padding:8px 12px;font-size:20px;letter-spacing:3px;rotate:-13deg;transform:scale(1.7);opacity:0;pointer-events:none;transition:.45s}
.rejected .reject-stamp{transform:scale(1);opacity:.9}
.rejected blockquote{font-size:22px;opacity:.3;text-decoration:line-through;margin:20px 0}
.rejected .claim-verdict p{font-size:25px;color:var(--accent);line-height:1.3}
.rejected .claim-verdict strong{font-weight:600}
.rejected .reject-btn{display:none}
.conclusion-copy{width:61%;position:relative;z-index:5}
.conclusion-copy h2{font-size:clamp(53px,6vw,93px)}
.final-equation{display:flex;align-items:center;gap:15px;margin-top:25px}
.final-equation span{font-size:10px;letter-spacing:1.6px;color:var(--teal)}
.final-equation b{font-size:27px;font-weight:300;color:var(--accent)}
.conclusion-copy .stage-subtitle{font-size:16px;margin-top:14px}
.audience-question{border-left:1px solid #6eeeff77;padding-left:20px;margin-top:25px}
.audience-question>span{font-size:8px;letter-spacing:2px;color:var(--accent)}
.audience-question p{font-size:22px;line-height:1.4;margin-top:10px}
.audience-question em{color:var(--accent);font-family:Georgia,serif}
.final-controls{display:flex;gap:30px;align-items:center;margin-top:23px}
.final-controls .primary{font-size:11px;gap:30px}
.closing-photo{position:absolute;right:7%;top:13%;width:29%;height:60%;rotate:8deg;border:1px solid #ffb86366;box-shadow:25px 35px 65px #0008;overflow:hidden;animation:postcard-float 10s infinite}
.closing-photo img{width:100%;height:100%;object-fit:cover;object-position:39%}
.closing-photo>span{position:absolute;bottom:0;left:0;right:0;padding:30px 16px 18px;font-size:8px;letter-spacing:1.5px;background:linear-gradient(transparent,#061226ee);color:#f1c686}
.conclusion-stage .speaking-cue{max-width:62%}
.credits.showtime h2{font-size:45px}
.credits-layout{grid-template-columns:1.6fr .8fr}
.credit-section-label{font-size:9px;letter-spacing:1.5px;color:var(--teal);margin:20px 0}
.photo-credit{display:grid;grid-template-columns:70px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:13px 0}
.photo-credit img{height:55px;width:70px;object-fit:cover}
.photo-credit a{font-size:11px;line-height:1.6}
.photo-credit p{font-size:9px;line-height:1.7;color:var(--muted);margin-top:5px}
.photo-credit a:hover{color:var(--accent)}
.credit-note p{line-height:1.9}
.credit-note .overline{font-size:8px}
.source-list{grid-template-columns:1fr 1fr}
.source-item a{font-size:11px}
.source-item p{font-size:8px}
dialog{background:linear-gradient(140deg,#132c44,#060e20);border-color:#6eeeff66;box-shadow:0 30px 150px #000b,0 0 50px #34d1ff18}
dialog::backdrop{background:#020b19d9;backdrop-filter:blur(16px)}
#lightbox{padding:20px;width:min(1050px,92vw)}
#lightbox>.close-btn{position:absolute;right:30px;top:30px;background:#031323cc;color:white;z-index:2}
#lightbox-image{width:100%;max-height:73dvh;object-fit:contain;display:block;background:#030a16}
#lightbox-caption{font-size:10px;line-height:1.7;color:#b6c6d2;margin-top:15px}
#lightbox-caption a{color:var(--teal);border-bottom:1px solid #6eeeff55}
#quiz-modal{width:min(620px,92vw);padding:25px}
#quiz-modal .quiz-card{background:none;border:0;padding:15px 0 0;min-height:0}
.quiz-card h3{font-size:27px;margin:25px 0}
.quiz-option{font-size:13px;padding:14px}
.quiz-option.correct{border-color:var(--accent);background:#c4ff6315}
.quiz-option.wrong{border-color:#ffab7d}
.feedback{font-size:12px}
.feedback.good{color:var(--accent)}
.feedback.wrong{color:#ffb481}
.quiz-card #quiz-next{font-size:12px}
#presenter-panel{background:#0b1b30f7;border-color:#69d9ff55}
#note-script{white-space:pre-line;font-size:14px!important;line-height:1.8!important}
#note-vi{font-size:12px!important}
.current-chapter{min-width:205px}
#chapter-label{font-size:7px;letter-spacing:1px}
.progress button:after{box-shadow:0 0 9px #78bfff11}
.progress button.current:after{box-shadow:0 0 15px #c4ff6366}
.motion-btn{font-size:10px}
.nav-arrow{width:37px;height:37px}
.showtime .text-btn{color:var(--accent)}
@keyframes cinema-breath{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.1) translateY(-1%)}}
@keyframes ribbon-drift{to{transform:rotate(-13deg) translateY(60px)}}
@keyframes stage-enter{from{opacity:0;filter:blur(7px);transform:perspective(1700px) translate3d(var(--enter-x,65px),20px,-85px) rotateY(-3deg)}to{opacity:1;filter:blur(0);transform:perspective(1700px) translate3d(0,0,0) rotateY(0)}}
@keyframes text-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes float-stamp{50%{translate:0 -10px;rotate:-2deg}}
@keyframes orbit-breathe{50%{scale:1.06;opacity:.55}}
@keyframes photo-breathe{to{transform:scale(1.13) translateX(1%)}}
@keyframes globe-spin{to{transform:rotateY(420deg) rotateZ(15deg)}}
@keyframes spin{to{rotate:360deg}}
@keyframes dash{to{stroke-dashoffset:-28}}
@keyframes thread-pulse{50%{opacity:.3}}
@keyframes postcard-float{50%{translate:0 -10px;transform:perspective(1000px) rotateY(4deg) rotateX(-2deg)}}
@keyframes scan{50%{top:99%;opacity:.6}}
@keyframes cycle-bob{50%{translate:0 -5px;transform:rotateY(-15deg) rotateZ(-2deg)}}
@keyframes road-move{to{background-position:-84px 0}}
@keyframes walk-bob{50%{translate:0 -5px;rotate:2deg}}
@keyframes word-float{50%{translate:0 -7px}}
@keyframes paper-float{50%{translate:0 -9px;transform:perspective(1200px) rotateY(-9deg) rotateX(3deg) rotateZ(3deg)}}
@keyframes dot-pulse{50%{opacity:.2;translate:0 -3px}}
@keyframes node-bob{50%{translate:0 -6px}}
@keyframes energy-flow{to{background-position:200% 0}}
@media(min-width:1700px){body[data-layout="read"]{--header:100px;--footer:85px}
body[data-layout="read"] .showtime{padding-top:35px}
body[data-layout="read"] .intro-copy{padding-top:5vh}
body[data-layout="read"] .intro-copy h1{font-size:190px}
body[data-layout="read"] .intro-copy .stage-subtitle{font-size:19px}
body[data-layout="read"] .hero-question{font-size:34px}
body[data-layout="read"] .intro-copy .primary{margin-top:30px}
body[data-layout="read"] .phrase-image{height:190px}
body[data-layout="read"] .phrase-card h3{font-size:32px}
body[data-layout="read"] .transport-card{padding:30px}
body[data-layout="read"] .vehicle-stage,body[data-layout="read"] .weather-stage{height:220px}
body[data-layout="read"] .process-pipeline{margin-top:60px}
body[data-layout="read"] .node-orb{height:110px;width:110px}
body[data-layout="read"] .pipeline-energy{top:87px}
body[data-layout="read"] .dialogue-line{padding:17px}
body[data-layout="read"] .dialogue-line>span{font-size:17px}
body[data-layout="read"] .paper-prototype{width:365px;min-height:450px}
body[data-layout="read"] .paper-photo{height:145px}
body[data-layout="read"] .prompt-bubble,body[data-layout="read"] .sample-answer{font-size:15px}
body[data-layout="read"] .product-layout{gap:10%}
body[data-layout="read"] .tngo-photo{width:67%}
body[data-layout="read"] .ride-controls button{font-size:12px}
body[data-layout="read"] .stage-subtitle{margin-top:30px}
body[data-layout="read"] .speaking-cue{font-size:13px}
body[data-layout="read"] .claim-machine{padding:40px;min-height:430px}
body[data-layout="read"] .audience-question p{font-size:28px}}
@media(max-height:760px) and (min-width:901px){body[data-layout="read"] .showtime{padding-top:16px;padding-bottom:46px}
body[data-layout="read"] .showtime .eyebrow{margin-bottom:16px}
body[data-layout="read"] .showtime h2{font-size:53px}
body[data-layout="read"] .intro-copy{padding-top:10px}
body[data-layout="read"] .intro-copy h1{font-size:115px}
body[data-layout="read"] .intro-copy>.overline{font-size:15px;margin-bottom:10px}
body[data-layout="read"] .hero-question{font-size:23px;margin-top:12px}
body[data-layout="read"] .idea-equation{margin-top:15px}
body[data-layout="read"] .intro-copy .stage-subtitle{font-size:13px;margin-top:13px}
body[data-layout="read"] .intro-copy .primary{margin-top:14px}
body[data-layout="read"] .stage-subtitle{font-size:16px;margin-top:18px}
body[data-layout="read"] .textbook-world{margin-top:23px}
body[data-layout="read"] .world-photo{height:285px}
body[data-layout="read"] .world-copy h3{font-size:29px}
body[data-layout="read"] .local-copy .stage-subtitle{font-size:15px;margin-top:16px}
body[data-layout="read"] .route-stop{margin-top:17px}
body[data-layout="read"] .local-copy .text-btn{margin-top:15px}
body[data-layout="read"] .product-photo-wrap{height:397px}
body[data-layout="read"] .launch-date{margin-top:19px}
body[data-layout="read"] .launch-date strong{font-size:54px}
body[data-layout="read"] .product-copy .stage-subtitle{font-size:15px}
body[data-layout="read"] .ride-controls{margin-top:20px}
body[data-layout="read"] .ride-controls button{padding:10px 12px}
body[data-layout="read"] .gallery-copy{padding-top:0}
body[data-layout="read"] .gallery-copy .stage-subtitle{font-size:16px}
body[data-layout="read"] .culture-principle{margin-top:21px}
body[data-layout="read"] .transport-choices{margin-top:22px;gap:18px}
body[data-layout="read"] .transport-card{padding:18px}
body[data-layout="read"] .vehicle-stage,body[data-layout="read"] .weather-stage{height:135px}
body[data-layout="read"] .transport-card h3{font-size:21px}
body[data-layout="read"] .phrase-image{height:120px}
body[data-layout="read"] .phrase-card h3{font-size:23px;min-height:73px;padding-top:18px}
body[data-layout="read"] .phrase-card{padding-bottom:17px}
body[data-layout="read"] .assistant-copy .stage-subtitle{font-size:20px;margin:21px 0}
body[data-layout="read"] .paper-prototype{width:275px;min-height:360px;padding:17px}
body[data-layout="read"] .paper-photo{height:90px}
body[data-layout="read"] .process-pipeline{margin-top:24px;gap:15px;padding:14px 0}
body[data-layout="read"] .node-orb{width:75px;height:75px;font-size:31px;margin-bottom:16px}
body[data-layout="read"] .pipeline-energy{top:52px}
body[data-layout="read"] .process-node h3{font-size:22px}
body[data-layout="read"] .evidence-strip{margin-top:15px;padding:12px 17px}
body[data-layout="read"] .team-roles{margin-top:15px}
body[data-layout="read"] .conversation-layout{gap:6%}
body[data-layout="read"] .conversation-intro h2{font-size:58px}
body[data-layout="read"] .voice-orbit{height:130px;margin-top:19px}
body[data-layout="read"] .dialogue-line{padding:10px 12px;gap:10px}
body[data-layout="read"] .dialogue-line>span{font-size:12px;line-height:1.35}
body[data-layout="read"] .dialogue-script{gap:6px}
body[data-layout="read"] .claim-machine{padding:25px;min-height:345px}
body[data-layout="read"] .claim-machine blockquote{font-size:34px;margin:27px 0}
body[data-layout="read"] .rejected blockquote{font-size:20px;margin:20px 0}
body[data-layout="read"] .rejected .claim-verdict p{font-size:24px}
body[data-layout="read"] .check-list{gap:10px;font-size:12px;margin-top:22px}
body[data-layout="read"] .conclusion-copy h2{font-size:67px}
body[data-layout="read"] .final-equation{margin-top:20px}
body[data-layout="read"] .audience-question{margin-top:20px}
body[data-layout="read"] .audience-question p{font-size:22px}
body[data-layout="read"] .final-controls{margin-top:20px}
body[data-layout="read"] .conclusion-copy .stage-subtitle{font-size:14px}
body[data-layout="read"] .speaking-cue{font-size:10px;bottom:9px;padding-top:10px}
body[data-layout="read"] .showtime .citations{font-size:7px;margin-top:13px}
body[data-layout="read"] .credits.showtime h2{font-size:43px}}
@media(max-width:1100px){body[data-layout="read"] .course{display:none}
body[data-layout="read"] .showtime h2{font-size:49px}
body[data-layout="read"] .section-title>p{font-size:12px;max-width:170px}
body[data-layout="read"] .world-copy{padding:18px}
body[data-layout="read"] .world-copy h3{font-size:28px}
body[data-layout="read"] .textbook-world{grid-template-columns:1fr 90px 1fr;gap:10px}
body[data-layout="read"] .mini-globe{width:70px;height:70px}
body[data-layout="read"] .local-copy{width:44%}
body[data-layout="read"] .local-copy h2{font-size:53px}
body[data-layout="read"] .product-layout{gap:3%}
body[data-layout="read"] .ride-controls button{padding:10px;font-size:9px}
body[data-layout="read"] .launch-date strong{font-size:55px}
body[data-layout="read"] .gallery-copy{width:42%}
body[data-layout="read"] .gallery-space{right:4%;width:49%}
body[data-layout="read"] .culture-principle p{font-size:11px}
body[data-layout="read"] .phrase-card h3{font-size:22px}
body[data-layout="read"] .conversation-layout{grid-template-columns:.75fr 1.25fr;gap:5%}
body[data-layout="read"] .conversation-intro h2{font-size:55px}
body[data-layout="read"] .claim-layout{gap:4%}
body[data-layout="read"] .check-list{font-size:12px}
body[data-layout="read"] .claim-machine blockquote{font-size:33px}
body[data-layout="read"] .rejected blockquote{font-size:20px}
body[data-layout="read"] .team-roles{gap:18px;font-size:8px}
body[data-layout="read"] .process-node h3{font-size:21px}
body[data-layout="read"] .conclusion-copy{width:65%}
body[data-layout="read"] .closing-photo{right:5%;width:28%}}
@media(max-width:900px){body[data-layout="read"]{--header:80px;--footer:68px}
body[data-layout="read"] .showtime{padding-top:25px;padding-bottom:55px}
body[data-layout="read"] .showtime .eyebrow{font-size:8px}
body[data-layout="read"] .showtime .eyebrow>span:last-child{font-size:7px}
body[data-layout="read"] .showtime h2{font-size:54px}
body[data-layout="read"] .showtime .section-title{display:block}
body[data-layout="read"] .section-title>p{max-width:none;margin-top:13px;font-size:14px}
body[data-layout="read"] .stage-subtitle{font-size:17px}
body[data-layout="read"] .intro-copy{width:76%;padding-top:35px}
body[data-layout="read"] .intro-copy h1{font-size:150px}
body[data-layout="read"] .intro-copy>.overline{font-size:20px}
body[data-layout="read"] .hero-question{font-size:28px}
body[data-layout="read"] .intro-copy .stage-subtitle{font-size:17px}
body[data-layout="read"] .intro-copy .primary{margin-top:25px}
body[data-layout="read"] .intro-stage .speaking-cue{max-width:none}
body[data-layout="read"].scene-hero #scene-wrap{right:-18%;width:95%;transform:translate(8%,12%) scale(.85);opacity:.72}
body[data-layout="read"] .hero-stamp{right:7%;bottom:13%}
body[data-layout="read"] .scene-orbital{top:10%;right:7%;font-size:6px}
body[data-layout="read"] .landmark-key{display:none}
body[data-layout="read"] .textbook-world{grid-template-columns:1fr 1fr;gap:23px;margin-top:30px}
body[data-layout="read"] .world-connector{display:none}
body[data-layout="read"] .world-photo{height:390px}
body[data-layout="read"] .world-copy h3{font-size:30px}
body[data-layout="read"] .local-copy{width:63%}
body[data-layout="read"] .local-copy .stage-subtitle{font-size:20px}
body[data-layout="read"] .route-stop{margin-top:28px}
body[data-layout="read"] .route-stop small{font-size:14px}
body[data-layout="read"] .route-stop>span{font-size:11px}
body[data-layout="read"] .local-postcards{right:5%;top:20%;width:50%;height:40%}
body[data-layout="read"] .river-postcard{top:8%;width:62%;left:30%;rotate:9deg}
body[data-layout="read"] .museum-postcard{top:65%;right:-3%;width:70%;rotate:-7deg}
body[data-layout="read"].scene-river #scene-wrap{width:120%;right:-30%;transform:translate(0,20%) scale(.8);opacity:.47}
body[data-layout="read"] .local-stage .citations{max-width:65%;margin-top:22px}
body[data-layout="read"] .local-stage .speaking-cue{max-width:none}
body[data-layout="read"] .product-layout{grid-template-columns:1.05fr 1fr;gap:0}
body[data-layout="read"] .product-copy h2{font-size:50px}
body[data-layout="read"] .product-photo-wrap{height:570px}
body[data-layout="read"] .tngo-photo{width:90%;height:75%;rotate:7deg}
body[data-layout="read"] .product-token{left:-4%;bottom:15%;font-size:30px;padding:12px 17px}
body[data-layout="read"] .product-copy .stage-subtitle{font-size:17px}
body[data-layout="read"] .ride-controls{flex-wrap:wrap;gap:7px}
body[data-layout="read"] .ride-controls button{font-size:10px}
body[data-layout="read"] .launch-date{gap:10px;margin-top:30px}
body[data-layout="read"] .launch-date strong{font-size:60px}
body[data-layout="read"] .gallery-copy{width:57%;padding-top:20px}
body[data-layout="read"] .gallery-copy .stage-subtitle{font-size:20px}
body[data-layout="read"] .gallery-space{right:5%;top:35%;height:53%;width:60%}
body[data-layout="read"] .gallery-back{width:55%;left:16%;top:-5%}
body[data-layout="read"] .gallery-front{width:78%;height:64%;top:28%}
body[data-layout="read"] .culture-principle{margin-top:30px}
body[data-layout="read"] .culture-principle p{font-size:14px}
body[data-layout="read"] .gallery-copy .citations{max-width:67%}
body[data-layout="read"] .transport-choices{gap:14px;margin-top:35px}
body[data-layout="read"] .transport-card{padding:17px 15px}
body[data-layout="read"] .vehicle-stage,body[data-layout="read"] .weather-stage{height:170px}
body[data-layout="read"] .transport-card h3{font-size:22px;line-height:1.2}
body[data-layout="read"] .transport-card p{font-size:12px;line-height:1.8}
body[data-layout="read"] .transport-feedback{font-size:14px;padding-top:30px}
body[data-layout="read"] .phrase-orbit{gap:15px;margin-top:35px}
body[data-layout="read"] .phrase-image{height:180px}
body[data-layout="read"] .phrase-card h3{font-size:22px;line-height:1.25;min-height:90px;padding:20px 14px 0}
body[data-layout="read"] .reveal-label{padding:15px 14px 0;font-size:6px}
body[data-layout="read"] .phrase-meaning{padding:20px 15px 0}
body[data-layout="read"] .phrase-meaning p{font-size:18px}
body[data-layout="read"] .phrase-card[aria-expanded=true] .phrase-image{height:120px}
body[data-layout="read"] .phrase-card[aria-expanded=true] h3{font-size:20px}
body[data-layout="read"] .assistant-scene{grid-template-columns:1fr 1fr;height:85%;gap:0}
body[data-layout="read"] .assistant-copy h2{font-size:51px}
body[data-layout="read"] .assistant-copy .stage-subtitle{font-size:20px}
body[data-layout="read"] .assistant-copy .primary{font-size:10px;gap:18px}
body[data-layout="read"] .paper-prototype{width:270px;transform:scale(.9) rotateY(-12deg) rotateZ(5deg);padding:18px}
body[data-layout="read"] .prototype-space{width:100%;padding-left:12px}
body[data-layout="read"] .process-pipeline{grid-template-columns:repeat(2,1fr);gap:32px 25px;margin-top:30px}
body[data-layout="read"] .pipeline-energy{display:none}
body[data-layout="read"] .process-node h3{font-size:25px}
body[data-layout="read"] .process-node p{font-size:13px}
body[data-layout="read"] .node-orb{width:80px;height:80px;font-size:34px;margin-bottom:15px}
body[data-layout="read"] .evidence-strip{margin-top:25px}
body[data-layout="read"] .evidence-strip p{font-size:13px}
body[data-layout="read"] .team-roles{gap:15px;flex-wrap:wrap;font-size:9px;line-height:1.7}
body[data-layout="read"] .conversation-layout{grid-template-columns:1fr;gap:25px}
body[data-layout="read"] .conversation-intro{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
body[data-layout="read"] .conversation-intro h2{font-size:55px;flex:1}
body[data-layout="read"] .voice-orbit{height:100px;width:140px;margin:0}
body[data-layout="read"] .conversation-intro .primary{font-size:10px;gap:15px;margin:0}
body[data-layout="read"] .conversation-intro .micro-note{display:none}
body[data-layout="read"] .dialogue-line>span{font-size:16px;line-height:1.45}
body[data-layout="read"] .dialogue-line{padding:14px 17px}
body[data-layout="read"] .dialogue-script{gap:9px}
body[data-layout="read"] .dialogue-line.current{transform:translateX(-5px)}
body[data-layout="read"] .claim-layout{grid-template-columns:1fr;gap:30px}
body[data-layout="read"] .check-list{font-size:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin-top:25px}
body[data-layout="read"] .claim-intro .text-btn{margin-top:18px;font-size:12px}
body[data-layout="read"] .claim-machine{min-height:350px;padding:28px 32px;transform:rotate(1deg);max-width:95%}
body[data-layout="read"] .claim-machine blockquote{font-size:40px}
body[data-layout="read"] .rejected blockquote{font-size:25px}
body[data-layout="read"] .rejected .claim-verdict p{font-size:28px}
body[data-layout="read"] .conclusion-copy{width:83%}
body[data-layout="read"] .conclusion-copy h2{font-size:72px}
body[data-layout="read"] .conclusion-copy .stage-subtitle{font-size:19px}
body[data-layout="read"] .closing-photo{top:46%;width:33%;height:35%;right:7%;rotate:8deg;opacity:.7}
body[data-layout="read"] .audience-question{margin-top:35px;max-width:70%}
body[data-layout="read"] .audience-question p{font-size:24px}
body[data-layout="read"] .final-controls{margin-top:30px;gap:20px}
body[data-layout="read"] .conclusion-stage .speaking-cue{max-width:none}
body[data-layout="read"] .credits-layout{grid-template-columns:1fr}
body[data-layout="read"] .credit-note{padding-top:10px}
body[data-layout="read"] .speaking-cue{font-size:11px}
body[data-layout="read"] .source-list{grid-template-columns:1fr 1fr}
body[data-layout="read"] .current-chapter{min-width:0}
body[data-layout="read"].scene-tngo #scene-wrap{right:-55%;opacity:.24}
body[data-layout="read"] .showtime .citations{line-height:1.7}}
@media(max-width:600px){body[data-layout="read"]{--header:72px;--footer:62px;--pad:6vw}
body[data-layout="read"] .showtime{padding-top:22px;padding-bottom:65px;overflow-y:auto}
body[data-layout="read"] .showtime .eyebrow{font-size:7px;gap:6px;letter-spacing:.8px;margin-bottom:22px}
body[data-layout="read"] .chapter-code{font-size:7px;margin-right:3px;letter-spacing:1px}
body[data-layout="read"] .showtime .eyebrow>span:last-child{font-size:6px;max-width:35%;line-height:1.5}
body[data-layout="read"] .showtime h2{font-size:43px}
body[data-layout="read"] .section-title>p{font-size:12px;margin-top:13px}
body[data-layout="read"] .stage-subtitle{font-size:16px;line-height:1.7}
body[data-layout="read"] .speaking-cue{position:relative;bottom:auto;left:auto;right:auto;font-size:10px;margin-top:25px;padding-top:13px;max-width:none!important}
body[data-layout="read"] .intro-copy{width:100%;padding-top:25px}
body[data-layout="read"] .intro-copy>.overline{font-size:13px;letter-spacing:2px;margin-bottom:12px}
body[data-layout="read"] .intro-copy h1{font-size:100px;line-height:.86}
body[data-layout="read"] .intro-copy h1 em{line-height:1.02}
body[data-layout="read"] .hero-question{font-size:24px;margin-top:16px}
body[data-layout="read"] .idea-equation{gap:8px;margin-top:20px}
body[data-layout="read"] .idea-equation span{font-size:7px;letter-spacing:.5px;padding:8px 10px}
body[data-layout="read"] .intro-copy .stage-subtitle{font-size:14px;margin-top:20px}
body[data-layout="read"] .intro-copy .primary{font-size:11px;margin-top:20px}
body[data-layout="read"] .intro-stage{overflow:hidden}
body[data-layout="read"] .intro-stage .speaking-cue{position:absolute;bottom:20px;left:var(--pad);right:var(--pad);font-size:9px;max-width:90%!important}
body[data-layout="read"].scene-hero #scene-wrap{width:140%;right:-72%;top:180px;bottom:70px;opacity:.6;transform:translate(0,22%) scale(.87)}
body[data-layout="read"] .hero-stamp{display:none}
body[data-layout="read"] .scene-orbital{display:none}
body[data-layout="read"] .textbook-world{grid-template-columns:1fr;gap:22px;margin-top:23px}
body[data-layout="read"] .world-photo{height:255px;transform:none}
body[data-layout="read"] .world-copy{padding:22px}
body[data-layout="read"] .world-copy h3{font-size:32px}
body[data-layout="read"] .world-copy p{font-size:14px}
body[data-layout="read"] .world-copy>span{font-size:8px}
body[data-layout="read"] .textbook-stage .citations{margin-top:15px}
body[data-layout="read"] .local-copy{width:100%}
body[data-layout="read"] .local-copy .stage-subtitle{font-size:17px;margin-top:20px}
body[data-layout="read"] .route-stop{margin-top:25px}
body[data-layout="read"] .route-stop>span{font-size:10px}
body[data-layout="read"] .route-stop small{font-size:13px}
body[data-layout="read"] .local-postcards{position:relative;right:auto;top:auto;width:100%;height:220px;margin-top:30px}
body[data-layout="read"] .river-postcard{width:62%;height:70%;left:0;top:0;rotate:-6deg}
body[data-layout="read"] .museum-postcard{width:60%;height:75%;top:18%;right:0;rotate:7deg}
body[data-layout="read"] .local-stage .citations{max-width:100%;margin-top:10px}
body[data-layout="read"] .local-copy .text-btn{font-size:11px}
body[data-layout="read"].scene-river #scene-wrap{width:180%;right:-80%;top:330px;opacity:.25}
body[data-layout="read"] .product-layout{grid-template-columns:1fr;gap:25px}
body[data-layout="read"] .product-copy h2{font-size:49px}
body[data-layout="read"] .launch-date{margin-top:23px}
body[data-layout="read"] .launch-date strong{font-size:60px}
body[data-layout="read"] .product-copy .stage-subtitle{font-size:17px}
body[data-layout="read"] .ride-controls{margin-top:23px}
body[data-layout="read"] .ride-controls button{font-size:11px;padding:11px 13px}
body[data-layout="read"] .product-photo-wrap{height:410px;width:95%;margin:auto}
body[data-layout="read"] .tngo-photo{width:78%;height:100%;rotate:5deg}
body[data-layout="read"] .product-token{left:0;bottom:15%;font-size:32px}
body[data-layout="read"] .product-token>span{font-size:25px}
body[data-layout="read"] .scan-frame{inset:20% 9% 13%}
body[data-layout="read"] .gallery-copy{width:100%;padding-top:0}
body[data-layout="read"] .gallery-copy>.overline{font-size:8px;margin-bottom:17px}
body[data-layout="read"] .gallery-copy .stage-subtitle{font-size:17px}
body[data-layout="read"] .culture-principle{margin-top:23px}
body[data-layout="read"] .culture-principle p{font-size:12px}
body[data-layout="read"] .gallery-space{position:relative;right:auto;top:auto;width:100%;height:350px;margin-top:30px}
body[data-layout="read"] .gallery-back{width:70%;height:50%;left:0;top:0}
body[data-layout="read"] .gallery-front{width:85%;height:67%;right:0;top:22%}
body[data-layout="read"] .gallery-hint{font-size:6px;bottom:0}
body[data-layout="read"] .gallery-copy .citations{max-width:100%}
body[data-layout="read"] .transport-choices{grid-template-columns:1fr;gap:18px;margin-top:25px}
body[data-layout="read"] .transport-card{padding:20px}
body[data-layout="read"] .vehicle-stage,body[data-layout="read"] .weather-stage{height:150px}
body[data-layout="read"] .transport-card .overline{font-size:9px}
body[data-layout="read"] .transport-card h3{font-size:25px}
body[data-layout="read"] .transport-card p{font-size:12px}
body[data-layout="read"] .bike-svg{width:230px}
body[data-layout="read"] .transport-feedback{font-size:12px;line-height:1.8;padding-top:23px}
body[data-layout="read"] .phrase-orbit{grid-template-columns:1fr;gap:22px;margin-top:25px}
body[data-layout="read"] .phrase-image{height:165px}
body[data-layout="read"] .phrase-card h3{font-size:28px;padding:20px 22px 0;min-height:0}
body[data-layout="read"] .reveal-label{font-size:8px;padding:18px 22px 0}
body[data-layout="read"] .phrase-card{padding-bottom:20px}
body[data-layout="read"] .phrase-image span{font-size:8px;left:20px}
body[data-layout="read"] .phrase-card[aria-expanded=true] .phrase-image{height:130px}
body[data-layout="read"] .phrase-card[aria-expanded=true] h3{font-size:25px;padding-left:22px}
body[data-layout="read"] .phrase-meaning{padding:16px 22px 0}
body[data-layout="read"] .phrase-meaning p{font-size:24px}
body[data-layout="read"] .phrase-meaning small{font-size:12px}
body[data-layout="read"] .assistant-scene{grid-template-columns:1fr;height:auto;gap:30px}
body[data-layout="read"] .assistant-copy h2{font-size:46px}
body[data-layout="read"] .assistant-copy .stage-subtitle{font-size:21px;margin:25px 0}
body[data-layout="read"] .assistant-copy .primary{font-size:11px;gap:25px}
body[data-layout="read"] .prototype-space{height:440px;padding:0}
body[data-layout="read"] .paper-prototype{width:285px;min-height:370px;padding:20px;transform:rotateY(-10deg) rotateZ(5deg)}
body[data-layout="read"] .paper-photo{height:105px}
body[data-layout="read"] .sample-answer{font-size:12px}
body[data-layout="read"] .process-pipeline{grid-template-columns:1fr 1fr;gap:30px 8px;margin-top:27px}
body[data-layout="read"] .process-node{padding:0 5px}
body[data-layout="read"] .node-orb{height:70px;width:70px;font-size:30px;margin-bottom:17px}
body[data-layout="read"] .process-node small{font-size:7px;letter-spacing:.7px}
body[data-layout="read"] .process-node h3{font-size:20px;line-height:1.3;margin-top:12px}
body[data-layout="read"] .process-node p{font-size:11px;line-height:1.6}
body[data-layout="read"] .evidence-strip{padding:16px;margin-top:25px}
body[data-layout="read"] .evidence-strip>span{font-size:6px;letter-spacing:.9px;line-height:1.8}
body[data-layout="read"] .evidence-strip p{font-size:12px;line-height:1.7}
body[data-layout="read"] .team-roles{font-size:8px;gap:12px;line-height:1.8}
body[data-layout="read"] .team-roles b{margin-left:5px}
body[data-layout="read"] .conversation-intro{gap:15px}
body[data-layout="read"] .conversation-intro h2{font-size:45px;flex:auto;width:62%}
body[data-layout="read"] .voice-orbit{height:105px;width:100px}
body[data-layout="read"] .voice-orbit>span{width:27px;height:27px;font-size:7px}
body[data-layout="read"] .conversation-intro .primary{font-size:11px;margin-top:10px}
body[data-layout="read"] .conversation-layout{gap:25px}
body[data-layout="read"] .dialogue-line{padding:13px 12px;gap:10px}
body[data-layout="read"] .dialogue-line>span{font-size:13px;line-height:1.6}
body[data-layout="read"] .dialogue-line>b{font-size:7px;min-width:23px}
body[data-layout="read"] .dialogue-script{gap:9px}
body[data-layout="read"] .dialogue-line.current{transform:none}
body[data-layout="read"] .dialogue-line>i{display:none}
body[data-layout="read"] .claim-layout{gap:28px}
body[data-layout="read"] .claim-intro h2{font-size:43px}
body[data-layout="read"] .check-list{display:flex;gap:12px;font-size:13px}
body[data-layout="read"] .claim-machine{max-width:none;padding:23px;transform:none;min-height:350px}
body[data-layout="read"] .claim-machine blockquote{font-size:32px;margin:30px 0}
body[data-layout="read"] .claim-machine>.overline{font-size:7px}
body[data-layout="read"] .claim-verdict p{font-size:12px}
body[data-layout="read"] .rejected blockquote{font-size:22px;margin:25px 0}
body[data-layout="read"] .rejected .claim-verdict p{font-size:27px}
body[data-layout="read"] .reject-stamp{font-size:16px;padding:8px;letter-spacing:2px;top:23%}
body[data-layout="read"] .conclusion-copy{width:100%}
body[data-layout="read"] .conclusion-copy h2{font-size:54px}
body[data-layout="read"] .final-equation{gap:10px;margin-top:25px}
body[data-layout="read"] .final-equation span{font-size:8px;letter-spacing:.8px}
body[data-layout="read"] .final-equation b{font-size:24px}
body[data-layout="read"] .conclusion-copy .stage-subtitle{font-size:16px}
body[data-layout="read"] .audience-question{max-width:none;margin-top:28px;padding-left:16px}
body[data-layout="read"] .audience-question p{font-size:22px}
body[data-layout="read"] .final-controls{gap:20px;flex-wrap:wrap;margin-top:25px}
body[data-layout="read"] .final-controls .primary{font-size:11px}
body[data-layout="read"] .closing-photo{position:relative;top:auto;right:auto;display:block;width:80%;height:220px;margin:35px auto 15px;rotate:5deg;opacity:.9}
body[data-layout="read"].scene-finale #scene-wrap{width:170%;right:-80%;opacity:.22}
body[data-layout="read"] .credits.showtime h2{font-size:42px}
body[data-layout="read"] .source-list{grid-template-columns:1fr}
body[data-layout="read"] .credits-layout{margin-top:25px}
body[data-layout="read"] .photo-credit{grid-template-columns:60px 1fr;gap:12px}
body[data-layout="read"] .photo-credit img{width:60px;height:50px}
body[data-layout="read"] .photo-credit a{font-size:10px}
body[data-layout="read"] .photo-credit p{font-size:8px}
body[data-layout="read"] .credit-note h3{font-size:27px}
body[data-layout="read"] .credit-note p{font-size:12px}
body[data-layout="read"] .showtime .citations{font-size:8px}
body[data-layout="read"] .current-chapter{gap:7px}
body[data-layout="read"] .progress{max-width:125px;gap:3px}
body[data-layout="read"] .nav-arrow{width:33px;height:33px}
body[data-layout="read"] .topbar{margin:0 6vw}
body[data-layout="read"] .showtime .micro-note{font-size:10px}
body[data-layout="read"] #presenter-panel{padding:22px}
body[data-layout="read"] .photo-label{font-size:7px}
body[data-layout="read"] #quiz-modal{padding:22px}
body[data-layout="read"] .quiz-card h3{font-size:24px}
body[data-layout="read"] #lightbox{padding:12px}
body[data-layout="read"] #lightbox>.close-btn{right:20px;top:20px}
body[data-layout="read"] .light-ribbons i{width:200vw;left:-50%}
body[data-layout="read"] .intro-stage .eyebrow{margin-bottom:10px}
body[data-layout="read"] .intro-stage{min-height:100%}}
@media(max-height:560px) and (min-width:650px){body[data-layout="read"]{--header:60px;--footer:52px}
body[data-layout="read"] .showtime{overflow-y:auto}
body[data-layout="read"] .intro-copy{padding-top:0}
body[data-layout="read"] .intro-copy h1{font-size:85px}
body[data-layout="read"] .intro-copy>.overline{font-size:12px}
body[data-layout="read"] .hero-question{font-size:19px}
body[data-layout="read"] .idea-equation{margin-top:13px}
body[data-layout="read"] .intro-copy .stage-subtitle{font-size:12px;margin-top:12px}
body[data-layout="read"] .intro-copy .primary{padding:11px 15px;margin-top:12px;min-height:38px}
body[data-layout="read"] .showtime h2{font-size:44px}
body[data-layout="read"] .showtime .speaking-cue{position:relative;inset:auto;margin-top:24px}
body[data-layout="read"] .world-photo{height:250px}
body[data-layout="read"] .product-photo-wrap{height:330px}
body[data-layout="read"] .gallery-space{height:80%}
body[data-layout="read"] .vehicle-stage,body[data-layout="read"] .weather-stage{height:110px}
body[data-layout="read"] .transport-card{padding:16px}
body[data-layout="read"] .transport-card h3{font-size:20px}
body[data-layout="read"] .phrase-image{height:100px}
body[data-layout="read"] .phrase-card h3{font-size:21px}
body[data-layout="read"] .process-pipeline{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}
body[data-layout="read"] .conversation-layout{grid-template-columns:.7fr 1.3fr}
body[data-layout="read"] .conversation-intro{display:block}
body[data-layout="read"] .conversation-intro h2{font-size:45px}
body[data-layout="read"] .conversation-intro .primary{margin-top:20px}
body[data-layout="read"] .dialogue-line{padding:9px}
body[data-layout="read"] .dialogue-line>span{font-size:11px}
body[data-layout="read"] .assistant-scene{height:auto}
body[data-layout="read"] .paper-prototype{scale:.8}
body[data-layout="read"] .claim-layout{grid-template-columns:1fr 1fr}
body[data-layout="read"] .conclusion-copy h2{font-size:52px}}
body.motion-off .tilt-card{--tilt-x:0deg!important;--tilt-y:0deg!important}
body.motion-off .showtime,body.motion-off .showtime *{animation:none!important;transition:none!important}
body.motion-off #cinema-backdrop,body.motion-off .light-ribbons *,body.motion-off .scene-orbit{animation:none!important}
@media(prefers-reduced-motion:reduce){.showtime,.showtime *,#cinema-backdrop,.light-ribbons *{animation:none!important;transition:none!important}}
@media print{#cinema-backdrop,.light-ribbons,.speaking-cue{display:none!important}
.showtime{min-height:90vh;overflow:visible;padding:35px}
.photo-panel,.world-photo{height:230px}
.gallery-space{position:relative;width:100%;height:400px}
.gallery-copy,.conclusion-copy,.local-copy{width:100%}
.intro-stage h1{font-size:110px}
.intro-copy{width:100%}}
@media(max-width:600px){body[data-layout="read"] .bottom-actions .motion-btn{display:flex;padding:6px 3px;margin:0;font-size:9px}
body[data-layout="read"] .bottom-actions .motion-btn span{display:none}}
/* classroom.css */
:root{--deck-body:clamp(24px,min(2.2vw,3.95dvh),60px);--deck-key:clamp(30px,min(2.6vw,4.65dvh),72px);--deck-secondary:clamp(21px,min(1.85vw,3.3dvh),50px);--deck-label:clamp(17px,min(1.35vw,2.45dvh),36px);--deck-small:clamp(15px,min(1.18vw,2.1dvh),32px);--deck-title:clamp(44px,min(4.5vw,8dvh),116px);--deck-gap:clamp(12px,1.25vw,32px);--header:clamp(64px,5.3vw,108px);--footer:clamp(54px,4.4vw,88px)}
.showtime{padding-top:clamp(14px,1.25vw,30px);padding-bottom:clamp(70px,6vw,145px)}
.showtime:not(.credits) h2{font-size:var(--deck-title);line-height:1.02;font-weight:600;letter-spacing:-.045em}
.showtime .eyebrow,.showtime .eyebrow .chapter-code{font-size:var(--deck-small);line-height:1.35;letter-spacing:.08em;min-height:0;margin-bottom:var(--deck-gap)}
.showtime .eyebrow>span:last-child:not(.chapter-code){font-size:var(--deck-small);letter-spacing:.06em;max-width:45%;line-height:1.3}
.showtime .section-title{gap:var(--deck-gap);align-items:center}
.showtime .section-title>p{font-size:var(--deck-secondary);line-height:1.3;max-width:32%;padding:0}
.showtime .stage-subtitle,.showtime .intro-copy .stage-subtitle,.showtime .local-copy .stage-subtitle,.showtime .product-copy .stage-subtitle,.showtime .gallery-copy .stage-subtitle,.showtime .assistant-copy .stage-subtitle,.showtime .conclusion-copy .stage-subtitle{font-size:var(--deck-body);line-height:1.35;font-weight:450;color:#e4edf6;margin-top:var(--deck-gap)}
.showtime .primary,.showtime .text-btn{font-size:var(--deck-secondary);line-height:1.2;min-height:44px;gap:clamp(15px,2vw,40px)}
.showtime .primary{padding:clamp(10px,1vw,22px) clamp(15px,1.5vw,32px)}
.showtime .primary>span{font-size:1.1em}
.showtime .overline{font-size:var(--deck-label);letter-spacing:.08em}
.showtime .micro-note{font-size:var(--deck-small);line-height:1.4;color:#becddc;max-width:none}
.showtime .speaking-cue{position:absolute;bottom:clamp(12px,1vw,26px);left:var(--pad);right:var(--pad);max-width:none;font-size:var(--deck-secondary);line-height:1.3;color:#e5eef5;font-weight:450;padding-top:clamp(10px,.8vw,20px);margin:0;min-height:0;gap:12px;background:linear-gradient(90deg,#050e1bdc,transparent)}
.showtime .speaking-cue i{height:7px;width:7px}
.showtime .citations{position:absolute;right:var(--pad);bottom:clamp(55px,4.9vw,124px);left:auto;max-width:none;margin:0;z-index:12}
.showtime .citations:before{display:none}
.source-pill{font:inherit;font-size:var(--deck-small);line-height:1.2;background:#102b3be8;border:1px solid #8dd8ef55;color:#c9edf5;padding:7px 12px;border-radius:3px}
.source-pill:hover{color:var(--accent);border-color:var(--accent)}
.showtime .photo-label,.showtime .postcard>span{font-size:var(--deck-small);line-height:1.3;letter-spacing:.04em;padding:clamp(10px,1vw,24px);font-weight:550}
.showtime .photo-label b{font-size:1.3em}
.showtime .gallery-hint{font-size:var(--deck-small);letter-spacing:.03em}
.topbar{backdrop-filter:blur(12px);background:#050e1a99}
.topbar .wordmark{font-size:clamp(10px,.9vw,20px)}
.topbar .course{font-size:clamp(11px,1vw,22px);letter-spacing:.08em}
.topbar .tools{gap:clamp(14px,1.6vw,32px)}
.topbar .tool-btn{font-size:clamp(13px,1.12vw,25px)}
.topbar .brand-icon{width:clamp(31px,3vw,61px);height:clamp(31px,3vw,61px);font-size:clamp(25px,2.5vw,50px)}
.bottom-bar .current-chapter{font-size:clamp(13px,1.1vw,25px)}
.bottom-bar #chapter-label{font-size:clamp(10px,.85vw,20px);letter-spacing:.04em}
.bottom-bar .motion-btn>span{font-size:clamp(9px,.75vw,17px)}
.bottom-bar .nav-arrow{height:clamp(35px,3.2vw,63px);width:clamp(35px,3.2vw,63px);font-size:clamp(19px,1.5vw,32px)}
.showtime .intro-copy{padding-top:clamp(8px,1.4dvh,25px);width:50%}
.showtime .intro-copy>.overline{font-size:var(--deck-label);line-height:1.2;letter-spacing:.1em;margin:0 0 12px}
.showtime .intro-copy h1{font-size:clamp(92px,min(9.5vw,16.5dvh),235px);line-height:.82}
.showtime .intro-copy h1 em{font-size:1em;line-height:.98}
.showtime .hero-question{font-size:var(--deck-key);line-height:1.2;margin-top:var(--deck-gap)}
.showtime .idea-equation{margin-top:var(--deck-gap);gap:12px}
.showtime .idea-equation>span{font-size:var(--deck-label);letter-spacing:.04em;padding:8px 12px}
.showtime .idea-equation>b{font-size:var(--deck-key)}
.showtime .intro-copy .stage-subtitle{display:none}
.showtime .intro-copy .primary{margin-top:var(--deck-gap)}
.showtime .hero-stamp{right:8%;bottom:17%}
.showtime .hero-stamp small{font-size:var(--deck-small);letter-spacing:.05em}
.showtime .hero-stamp>span{font-size:var(--deck-title)}
.scene-orbital,.model-caption,.map-label{display:none!important}
.landmark-key{font-size:var(--deck-small);gap:22px;right:14%;top:7%}
.landmark-key small{display:none}
.showtime .textbook-world{margin-top:var(--deck-gap);gap:var(--deck-gap);grid-template-columns:1fr clamp(70px,8vw,170px) 1fr}
.showtime .world-photo{height:clamp(230px,38dvh,640px)}
.showtime .world-copy{padding:clamp(18px,1.8vw,46px);background:linear-gradient(transparent,#041124b3 30%,#041124f5)}
.showtime .world-copy>span{font-size:var(--deck-label);letter-spacing:.05em;line-height:1.3}
.showtime .world-copy h3{font-size:var(--deck-key);font-weight:600;line-height:1.15;margin-top:12px}
.showtime .world-copy p{font-size:var(--deck-body);line-height:1.3;margin-top:var(--deck-gap)}
.showtime .world-connector{font-size:var(--deck-label)}
.showtime .mini-globe{height:clamp(70px,7vw,170px);width:clamp(70px,7vw,170px)}
.showtime .unlock-orbit,.showtime .drawing-route{opacity:.7;scale:.8;transform-origin:top right}
.showtime .local-copy{width:48%;padding:0 1vw 0 0;isolation:isolate}
.showtime .local-copy:before{content:'';position:absolute;inset:-12px -12px -10px -20px;background:linear-gradient(90deg,#04101be8 15%,#04101bc4 70%,transparent);z-index:-1;pointer-events:none;border-radius:8px}
.showtime .local-copy .stage-subtitle{margin-top:var(--deck-gap)}
.showtime .route-stop{gap:16px;margin-top:clamp(12px,1.2vw,30px)}
.showtime .route-stop>b{height:clamp(37px,3.2vw,75px);width:clamp(37px,3.2vw,75px);font-size:var(--deck-label);flex-shrink:0}
.showtime .route-stop>span{font-size:var(--deck-body);letter-spacing:.01em;font-weight:550;line-height:1.2}
.showtime .route-stop small{font-size:var(--deck-secondary);line-height:1.25;color:#c9dce8;margin-top:5px;letter-spacing:0}
.showtime .route-thread{height:clamp(10px,1.1vw,24px);margin:6px 0 -10px clamp(18px,1.55vw,36px)}
.showtime .local-copy .text-btn{font-size:var(--deck-small);margin-top:clamp(12px,1.2vw,26px);padding:8px 0;min-height:0}
.showtime .local-copy .micro-note{display:none}
.showtime .local-postcards{width:42%;right:6%;top:16%;height:57%}
.showtime .local-postcards .postcard{height:65%;width:65%}
.showtime .local-postcards .museum-postcard{top:24%;right:0}
.showtime .local-postcards .postcard>span{font-size:var(--deck-small);letter-spacing:0}
.showtime .product-layout{grid-template-columns:1.05fr .95fr;gap:3%;align-items:center}
.showtime .product-photo-wrap{height:clamp(300px,54dvh,820px)}
.showtime .product-copy .launch-date{margin-top:var(--deck-gap);gap:15px}
.showtime .launch-date strong{font-size:clamp(56px,6vw,145px)}
.showtime .launch-date>span,.showtime .launch-date small{font-size:var(--deck-label);letter-spacing:.04em;line-height:1.2}
.showtime .launch-date small{max-width:7em}
.showtime .product-copy .stage-subtitle{font-size:var(--deck-body);margin-top:var(--deck-gap)}
.showtime .ride-controls{gap:10px;margin-top:var(--deck-gap);flex-wrap:wrap}
.showtime .ride-controls button{font-size:var(--deck-secondary);line-height:1.2;padding:10px 14px}
.showtime #ride-feedback{font-size:var(--deck-secondary);line-height:1.3;max-width:95%;margin-top:12px}
.showtime .product-token{font-size:var(--deck-title);padding:12px 25px}
.showtime .scan-frame>span{display:none}
.showtime .tngo-photo{height:94%;width:73%}
.showtime .gallery-copy{width:44%;padding-top:0}
.showtime .gallery-copy>.overline{font-size:var(--deck-label);line-height:1.25;margin-bottom:var(--deck-gap)}
.showtime .gallery-copy .stage-subtitle{font-size:var(--deck-body);line-height:1.4;margin-top:var(--deck-gap)}
.showtime .culture-principle{margin-top:var(--deck-gap);padding-left:16px}
.showtime .culture-principle b{font-size:var(--deck-label);line-height:1.2;letter-spacing:.04em}
.showtime .culture-principle p{font-size:var(--deck-secondary);line-height:1.3;margin-top:8px;color:#e4e9ef}
.showtime .gallery-space{right:5%;width:47%;top:15%;height:64%}
.showtime .gallery-front{width:84%;height:67%;top:21%;right:1%}
.showtime .gallery-back{width:65%;height:57%;top:2%;left:2%}
.showtime .gallery-hint{display:none}
.showtime .transport-choices,.showtime .phrase-orbit{margin-top:var(--deck-gap);gap:var(--deck-gap)}
.showtime .transport-card{padding:clamp(14px,1.5vw,35px)}
.showtime .transport-card .overline{font-size:var(--deck-label)}
.showtime .vehicle-stage,.showtime .weather-stage{height:clamp(90px,15dvh,240px)}
.showtime .bike-svg{height:100%;width:90%}
.showtime .walker-svg{height:95%;width:45%}
.showtime .sun-orbit{height:clamp(70px,6vw,150px);width:clamp(70px,6vw,150px)}
.showtime .sun-orbit>span{font-size:var(--deck-title)}
.showtime .transport-card h3{font-size:var(--deck-body);line-height:1.2;margin-top:8px}
.showtime .transport-card p{font-size:var(--deck-secondary);line-height:1.3;margin-top:10px;color:#d2dfec}
.showtime #travel-feedback{font-size:var(--deck-secondary);line-height:1.3;padding-top:var(--deck-gap)}
.showtime .phrase-image{height:clamp(85px,15dvh,250px)}
.showtime .phrase-image>span{font-size:var(--deck-small);letter-spacing:.02em;padding:6px 9px;left:12px;bottom:9px}
.showtime .phrase-card{padding-bottom:16px}
.showtime .phrase-card h3{font-size:var(--deck-body);line-height:1.15;min-height:2.9em;padding:16px 18px 0}
.showtime .reveal-label{font-size:var(--deck-small);line-height:1.2;padding:10px 18px 0;letter-spacing:0;gap:8px}
.showtime .phrase-meaning{padding:12px 18px 0}
.showtime .phrase-meaning p{font-size:var(--deck-body);line-height:1.2}
.showtime .phrase-meaning small{font-size:var(--deck-label);line-height:1.25;margin-top:8px}
.showtime .phrase-card[aria-expanded=true] .phrase-image{height:clamp(45px,7.5dvh,140px)}
.showtime .phrase-card[aria-expanded=true] h3{font-size:var(--deck-secondary);min-height:0;padding:12px 18px 0}
.showtime #open-language-notes{font-size:var(--deck-small);min-height:0;padding:6px 0}
.showtime .assistant-scene{height:auto;grid-template-columns:.95fr 1.05fr;gap:4%;align-items:start;margin-top:var(--deck-gap)}
.showtime .assistant-copy .stage-subtitle{font-size:var(--deck-body);line-height:1.3;margin:var(--deck-gap) 0;border-left:1px solid #6eeeff66;padding-left:16px}
.showtime .assistant-copy .primary{font-size:var(--deck-secondary)}
.showtime .assistant-copy .concept-note{font-size:var(--deck-label);color:#e4edf0;margin-top:var(--deck-gap)}
.showtime #open-route-info{font-size:var(--deck-small);margin-top:10px;min-height:0;max-width:100%;text-align:left}
.showtime .prototype-space{height:auto;min-height:0;padding:0 15px}
.showtime .paper-prototype{width:100%;min-height:0;max-width:clamp(400px,39vw,920px);padding:clamp(14px,1.6vw,37px);transform:perspective(1200px) rotateY(-6deg) rotateZ(2deg);animation:classroom-paper 9s ease-in-out infinite}
.showtime .paper-header{font-size:var(--deck-label);line-height:1.2;letter-spacing:.02em;margin-bottom:12px}
.showtime .paper-header b{font-size:var(--deck-key)}
.showtime .paper-photo{display:none}
.showtime .prompt-bubble{font-size:var(--deck-secondary);line-height:1.3;margin:12px 0 16px;padding:14px;rotate:0deg}
.showtime .paper-prototype #route-result{min-height:clamp(125px,20dvh,350px);padding:0 3px 12px}
.showtime .paper-prototype #route-result p{font-size:var(--deck-secondary);line-height:1.35;margin-top:14px}
.showtime .paper-prototype #route-result .overline{font-size:var(--deck-small);letter-spacing:.04em}
.showtime .sample-answer{font-size:var(--deck-secondary);line-height:1.35;padding-left:1.1em;margin:12px 0 0}
.showtime .sample-answer li+li{margin-top:8px}
.showtime .paper-footer{font-size:var(--deck-small);line-height:1.2;letter-spacing:0;padding-top:10px;gap:8px}
.showtime .paper-waiting{margin-top:25px}
.showtime .paper-waiting i{width:8px;height:8px}
.evidence-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--deck-gap);margin-top:var(--deck-gap)}
.evidence-card{position:relative;text-align:left;padding:clamp(16px,1.6vw,40px);border:1px solid #74d1ed55;background:linear-gradient(140deg,#143449dd,#08192cdc);min-width:0;min-height:clamp(210px,34dvh,570px);overflow:hidden;box-shadow:0 15px 40px #0004}
.evidence-label{font-size:var(--deck-label);line-height:1.3;color:var(--teal);letter-spacing:.025em}
.evidence-card h3{font-size:var(--deck-body);line-height:1.2;font-weight:550;margin:var(--deck-gap) 0 12px;color:#f0f4ed}
.evidence-card small{font-size:var(--deck-small);line-height:1.25;display:block;color:#b4cddf}
.evidence-card.checked{border-color:#c4ff6380;background:linear-gradient(140deg,#1e4335c9,#081b2bdd)}
.evidence-card.checked h3{color:var(--accent)}
.evidence-symbol{font-size:var(--deck-title);height:clamp(44px,6dvh,100px);display:block;color:var(--teal);line-height:1;margin-top:12px}
.evidence-card.checked .evidence-symbol{color:var(--accent)}
.evidence-document{height:clamp(44px,6dvh,100px);width:50%;border:1px solid #b9e5f07d;transform:rotate(-5deg);padding:9px;display:flex;flex-direction:column;gap:7px;margin-top:12px}
.evidence-document i{height:2px;background:#8fd8e4;width:95%}
.evidence-document i:last-child{width:60%}
.evidence-card.selected{border-color:var(--accent)}
.process-bottom{margin-top:clamp(12px,1.3vw,30px);display:flex;gap:20px;align-items:center;justify-content:space-between}
.showtime .process-bottom .text-btn{font-size:var(--deck-small);padding:5px 0;min-height:0;max-width:45%;text-align:left}
.process-bottom p{font-size:var(--deck-small);line-height:1.3;color:#c9d7e0;text-align:right;max-width:50%;margin:0}
.expression-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--deck-gap);margin-top:var(--deck-gap)}
.expression-card{border:1px solid #c4ff6380;padding:clamp(16px,1.6vw,40px);background:linear-gradient(125deg,#244a2e9e,#102236dc)}
.expression-card>span{font-size:var(--deck-label);letter-spacing:.05em;color:var(--accent)}
.expression-card>p{font-size:clamp(32px,min(3.05vw,5.4dvh),84px);line-height:1.15;letter-spacing:-.025em;font-weight:550;color:var(--accent);margin-top:12px}
.expression-card.uncertain{border-color:#ffc08288;background:linear-gradient(125deg,#4d302d99,#102236dc)}
.expression-card.uncertain>span,.expression-card.uncertain>p{color:#ffc795}
.current-turn{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin-top:var(--deck-gap);padding:clamp(14px,1.3vw,32px);border-left:3px solid var(--teal);background:#10314399;min-height:clamp(95px,15dvh,270px)}
.current-turn>span{font-size:var(--deck-label);font-weight:600;color:var(--teal);line-height:1.4;padding-top:3px}
.current-turn>p{font-size:var(--deck-body);line-height:1.25;color:#f0f4ee;font-weight:450}
.dialogue-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:var(--deck-gap)}
.showtime .dialogue-controls .primary,.showtime .dialogue-controls .text-btn{font-size:var(--deck-label);min-height:40px}
.dialogue-controls .text-btn{border:0}
#dialogue-steps{display:flex;gap:6px}
.dialogue-step{height:clamp(24px,2.5vw,54px);width:clamp(24px,2.5vw,54px);font-size:var(--deck-small);border:1px solid #76c6df55;background:#102c3d;color:#b9d3e0;border-radius:50%}
.dialogue-step.current{background:var(--accent);color:#142528;border-color:var(--accent)}
.dialogue-stage .citations{bottom:7px;right:var(--pad)}
.showtime .claim-layout{gap:4%;grid-template-columns:1fr 1.03fr;align-items:start}
.showtime .check-list{font-size:var(--deck-secondary);line-height:1.25;gap:clamp(10px,1.2vw,28px);margin-top:var(--deck-gap)}
.showtime .check-list li{padding-left:25px}
.showtime .claim-intro .text-btn{font-size:var(--deck-small);min-height:0;margin-top:var(--deck-gap)}
.showtime .claim-machine{padding:clamp(19px,2vw,47px);min-height:0;transform:perspective(1100px) rotateY(-3deg) rotateZ(1deg)}
.showtime .claim-machine>.overline{font-size:var(--deck-label);line-height:1.2;letter-spacing:.04em}
.showtime .claim-machine blockquote{font-size:var(--deck-key);line-height:1.2;margin:var(--deck-gap) 0}
.showtime .claim-verdict{margin-top:var(--deck-gap);padding-top:var(--deck-gap)}
.showtime .claim-verdict>span{font-size:var(--deck-small);letter-spacing:.04em}
.showtime .claim-verdict p{font-size:var(--deck-secondary);line-height:1.3;margin-top:10px}
.showtime .rejected blockquote{font-size:var(--deck-secondary);margin:var(--deck-gap) 0}
.showtime .rejected .claim-verdict p{font-size:var(--deck-key);line-height:1.2}
.showtime .reject-stamp{font-size:var(--deck-label);letter-spacing:.05em;top:27%}
.showtime .conclusion-copy{width:66%}
.showtime .final-equation{gap:18px;margin-top:var(--deck-gap)}
.showtime .final-equation span{font-size:var(--deck-secondary);letter-spacing:0;line-height:1.2}
.showtime .final-equation b{font-size:var(--deck-key)}
.showtime .conclusion-copy .stage-subtitle{font-size:var(--deck-secondary);line-height:1.3}
.showtime .audience-question{margin-top:var(--deck-gap);padding-left:18px;max-width:none}
.showtime .audience-question>span{font-size:var(--deck-label);letter-spacing:.05em}
.showtime .audience-question p{font-size:var(--deck-body);line-height:1.25;margin-top:10px}
.showtime .final-controls{margin-top:var(--deck-gap);gap:25px}
.showtime .final-controls .primary{font-size:var(--deck-label)}
.showtime .closing-photo{right:5%;top:18%;height:54%;width:27%}
.showtime .closing-photo>span{font-size:var(--deck-label);letter-spacing:.05em;padding:15px}
.credits.showtime{padding-bottom:35px;overflow-y:auto}
.credits.showtime h2{font-size:var(--deck-title)}
.credits .section-title>button{font-size:var(--deck-small)}
.reference-intro{font-size:var(--deck-secondary);line-height:1.4;color:#c7d7e6;margin-top:20px;max-width:85%}
.credits .source-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:20px 0 30px}
.credits .source-item{grid-template-columns:36px 1fr;gap:12px;padding:18px 0}
.credits .source-item>span{font-size:var(--deck-label);line-height:1.4}
.credits .source-item a{font-size:var(--deck-secondary);line-height:1.25}
.credits .source-item p,.credits .source-item details{font-size:var(--deck-small);line-height:1.5;margin-top:8px}
.credits .source-item summary{font-size:var(--deck-small)}
.credits #photo-credits{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:25px}
.credits .photo-credit{grid-template-columns:100px 1fr;gap:18px;padding:18px 0}
.credits .photo-credit img{width:100px;height:85px}
.credits .photo-credit a{font-size:var(--deck-secondary);line-height:1.25}
.credits .photo-credit p{font-size:var(--deck-small);line-height:1.4}
.ai-disclosure{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.ai-disclosure p{font-size:var(--deck-secondary);line-height:1.4;color:#dce9ee;border-top:1px solid #7de1ed44;padding-top:18px}
#presenter-panel{width:min(670px,96vw);padding:28px 32px 45px}
#presenter-panel #note-title{font-size:36px;line-height:1.2}
#presenter-panel #note-script{font-size:24px!important;line-height:1.6!important;color:#f0f4eb}
#presenter-panel #note-vi{font-size:20px!important;line-height:1.65!important;color:#d0dcdf}
#presenter-panel h3{font-size:15px;letter-spacing:.06em;margin-top:26px}
#presenter-panel .notes-head{font-size:16px;letter-spacing:.04em}
#presenter-panel .notes-top{font-size:17px;line-height:1.35}
#presenter-panel .notes-warning{font-size:17px;line-height:1.5}
#presenter-panel .timer button{font-size:16px}
#presenter-panel .timer>span{font-size:30px}
#presenter-panel>.text-btn{font-size:19px}
#presenter-panel #note-keywords{font-size:26px;font-weight:550;color:var(--accent);line-height:1.3;margin:20px 0 0}
#presenter-panel #note-handoff{font-size:17px;line-height:1.4;color:#b8d7e0;margin-top:9px}
.learning-dialog{width:min(1120px,94vw);padding:clamp(22px,3vw,60px)}
.learning-dialog h2{font-size:clamp(38px,4vw,68px);line-height:1.05;margin-top:24px}
.learning-dialog .concept-badge{font-size:17px;line-height:1.35;color:var(--accent)}
.learning-dialog dl{margin:28px 0;display:grid;gap:20px}
.learning-dialog dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;border-top:1px solid #79d7ed44;padding-top:18px}
.learning-dialog dt{font-size:22px;color:var(--teal)}
.learning-dialog dd{font-size:27px;line-height:1.35;margin:0;color:#edf4ed}
.learning-dialog .card-limit,.learning-dialog .language-provenance{font-size:23px;line-height:1.45;color:#c3d6e0;margin-top:24px}
.card-source-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px}
.card-source-links a{font-size:22px;border-bottom:1px solid #c4ff6377;color:var(--accent);padding-bottom:8px}
.learning-dialog table{border-collapse:collapse;margin-top:25px;width:100%}
.learning-dialog th,.learning-dialog td{text-align:left;vertical-align:top;padding:18px 15px;border-bottom:1px solid #9bdcee33;font-size:21px;line-height:1.45}
.learning-dialog th{color:var(--teal)}
.learning-dialog .micro-note{font-size:17px;line-height:1.5;max-width:none}
.learning-dialog .close-btn{width:40px;height:40px;font-size:26px}
#quiz-modal{width:min(850px,94vw);padding:30px}
#quiz-modal .quiz-card h3{font-size:32px;line-height:1.25}
#quiz-modal .quiz-option{font-size:25px;line-height:1.3;padding:16px}
#quiz-modal .quiz-option>b{font-size:18px}
#quiz-modal .quiz-top,#quiz-modal .feedback{font-size:20px;line-height:1.45}
#quiz-modal .quiz-card #quiz-next{font-size:22px}
#quiz-modal .micro-note{font-size:18px}
#lightbox-caption{font-size:19px;line-height:1.5}
.shortcuts{font-size:16px;gap:24px}
.modal-head .eyebrow{font-size:16px}
#chapter-grid .chapter-tile{min-height:115px;padding:17px}
#chapter-grid .chapter-tile>span{font-size:12px}
#chapter-grid .chapter-tile h3{font-size:21px;line-height:1.25}
#chapter-grid .chapter-tile small{font-size:14px;line-height:1.3}
@keyframes classroom-paper{50%{translate:0 -7px;transform:perspective(1200px) rotateY(-4deg) rotateZ(1deg)}}
@media(max-width:1000px) and (min-width:701px){body[data-layout="read"]{--deck-body:25px;--deck-key:31px;--deck-secondary:23px;--deck-label:18px;--deck-small:16px;--deck-title:50px}
body[data-layout="read"] .showtime .eyebrow>span:last-child:not(.chapter-code){max-width:38%}
body[data-layout="read"] .topbar .course{display:none}
body[data-layout="read"] .showtime .local-copy{width:56%}
body[data-layout="read"] .showtime .local-postcards{width:40%;right:4%;top:24%}
body[data-layout="read"] .showtime .gallery-copy{width:48%}
body[data-layout="read"] .showtime .gallery-space{width:47%;top:25%;height:60%}
body[data-layout="read"] .showtime .product-photo-wrap{height:490px}
body[data-layout="read"] .showtime .assistant-scene{gap:2%}
body[data-layout="read"] .showtime .assistant-copy .primary{font-size:20px}
body[data-layout="read"] .showtime .paper-prototype{max-width:100%;padding:16px}
body[data-layout="read"] .showtime .prototype-space{padding:0 10px}
body[data-layout="read"] .showtime .paper-header{font-size:18px}
body[data-layout="read"] .showtime .prompt-bubble,body[data-layout="read"] .showtime .sample-answer{font-size:22px}
body[data-layout="read"] .showtime .section-title>p{font-size:22px;max-width:38%}
body[data-layout="read"] .expression-card>p{font-size:31px}
body[data-layout="read"] .showtime .conclusion-copy{width:70%}
body[data-layout="read"] .showtime .closing-photo{width:23%;top:28%}
body[data-layout="read"] .showtime .transport-card{padding:15px}
body[data-layout="read"] .showtime .transport-card h3{font-size:25px}
body[data-layout="read"] .showtime .transport-card p{font-size:22px}
body[data-layout="read"] .credits .source-list,body[data-layout="read"] .credits #photo-credits{grid-template-columns:1fr}
body[data-layout="read"] .ai-disclosure{grid-template-columns:1fr}
body[data-layout="read"] .learning-dialog td,body[data-layout="read"] .learning-dialog th{font-size:19px}}
@media(max-width:700px){body[data-layout="read"]{--deck-body:24px;--deck-key:29px;--deck-secondary:22px;--deck-label:17px;--deck-small:16px;--deck-title:43px;--header:72px;--footer:64px;--deck-gap:18px}
body[data-layout="read"] .showtime{padding-top:20px;padding-bottom:30px;overflow-y:auto}
body[data-layout="read"] .showtime .eyebrow{font-size:12px;gap:7px;letter-spacing:0;align-items:start;min-height:25px;margin-bottom:22px}
body[data-layout="read"] .showtime .eyebrow .chapter-code{font-size:12px;letter-spacing:0;white-space:nowrap;margin:0 5px 0 0}
body[data-layout="read"] .showtime .eyebrow>span:last-child:not(.chapter-code){display:none}
body[data-layout="read"] .topbar .wordmark{font-size:10px}
body[data-layout="read"] .topbar .course{display:none}
body[data-layout="read"] .topbar .tool-label{display:none}
body[data-layout="read"] .showtime .section-title{display:block}
body[data-layout="read"] .showtime .section-title>p{font-size:22px;max-width:100%;margin-top:15px}
body[data-layout="read"] .showtime .section-title>.text-btn{margin-top:10px}
body[data-layout="read"] .showtime .speaking-cue{position:relative;bottom:auto;left:auto;right:auto;font-size:21px;line-height:1.4;margin-top:27px;padding-top:18px;background:none}
body[data-layout="read"] .showtime .citations{position:relative;inset:auto;margin-top:18px;max-width:none}
body[data-layout="read"] .source-pill{font-size:16px;padding:10px 14px}
body[data-layout="read"] .showtime .photo-label,body[data-layout="read"] .showtime .postcard>span{font-size:15px;line-height:1.3}
body[data-layout="read"] .showtime .intro-copy{width:100%;padding-top:13px}
body[data-layout="read"] .showtime .intro-copy>.overline{font-size:15px;line-height:1.4;margin-bottom:12px}
body[data-layout="read"] .showtime .intro-copy h1{font-size:100px}
body[data-layout="read"] .showtime .hero-question{font-size:29px;margin-top:20px}
body[data-layout="read"] .showtime .idea-equation{flex-wrap:wrap;gap:8px;margin-top:20px}
body[data-layout="read"] .showtime .idea-equation span{font-size:15px;line-height:1.2;letter-spacing:0;padding:8px 10px}
body[data-layout="read"] .showtime .idea-equation b{font-size:24px}
body[data-layout="read"] .showtime .intro-copy .primary{font-size:21px;margin-top:25px}
body[data-layout="read"] .showtime .intro-stage .speaking-cue{position:relative;inset:auto;margin-top:95px;max-width:none!important;font-size:21px}
body[data-layout="read"] .intro-stage{overflow-y:auto!important}
body[data-layout="read"] .hero-stamp,body[data-layout="read"] .landmark-key{display:none!important}
body[data-layout="read"] .showtime .textbook-world{grid-template-columns:1fr;gap:23px}
body[data-layout="read"] .showtime .world-connector{display:none}
body[data-layout="read"] .showtime .world-photo{height:310px}
body[data-layout="read"] .showtime .world-copy{padding:20px}
body[data-layout="read"] .showtime .world-copy>span{font-size:17px;max-width:90%}
body[data-layout="read"] .showtime .world-copy h3{font-size:31px}
body[data-layout="read"] .showtime .world-copy p{font-size:24px}
body[data-layout="read"] .showtime .local-copy{width:100%;padding:0}
body[data-layout="read"] .showtime .local-copy .stage-subtitle{font-size:24px;margin-top:20px}
body[data-layout="read"] .showtime .route-stop{margin-top:22px;gap:16px}
body[data-layout="read"] .showtime .route-stop>span{font-size:27px}
body[data-layout="read"] .showtime .route-stop small{font-size:23px;line-height:1.3;margin-top:8px}
body[data-layout="read"] .showtime .route-stop>b{height:40px;width:40px;font-size:18px}
body[data-layout="read"] .showtime .route-thread{height:20px;margin-left:20px}
body[data-layout="read"] .showtime .local-copy .text-btn{font-size:19px;line-height:1.4;margin-top:23px}
body[data-layout="read"] .showtime .local-postcards{position:relative;right:auto;top:auto;width:100%;height:300px;margin-top:30px}
body[data-layout="read"] .showtime .local-postcards .postcard{width:68%;height:68%}
body[data-layout="read"] .showtime .local-postcards .museum-postcard{top:26%}
body[data-layout="read"] .showtime .product-layout{grid-template-columns:1fr;gap:30px}
body[data-layout="read"] .showtime .product-photo-wrap{height:430px;width:100%;margin:auto}
body[data-layout="read"] .showtime .launch-date strong{font-size:67px}
body[data-layout="read"] .showtime .launch-date>span,body[data-layout="read"] .showtime .launch-date small{font-size:18px}
body[data-layout="read"] .showtime .ride-controls button{font-size:21px;padding:11px 12px}
body[data-layout="read"] .showtime #ride-feedback{font-size:22px;max-width:100%;margin-top:15px}
body[data-layout="read"] .showtime .product-token{font-size:46px}
body[data-layout="read"] .showtime .gallery-copy{width:100%;padding:0}
body[data-layout="read"] .showtime .gallery-copy>.overline{font-size:17px}
body[data-layout="read"] .showtime .gallery-copy .stage-subtitle{font-size:25px}
body[data-layout="read"] .showtime .culture-principle{margin-top:24px}
body[data-layout="read"] .showtime .culture-principle b{font-size:17px}
body[data-layout="read"] .showtime .culture-principle p{font-size:23px}
body[data-layout="read"] .showtime .gallery-space{position:relative;right:auto;top:auto;width:100%;height:370px;margin-top:35px}
body[data-layout="read"] .showtime .gallery-front{width:85%;height:67%;right:1%;top:23%}
body[data-layout="read"] .showtime .gallery-back{width:70%;height:55%;top:3%;left:2%}
body[data-layout="read"] .showtime .transport-choices,body[data-layout="read"] .showtime .phrase-orbit{grid-template-columns:1fr;gap:23px}
body[data-layout="read"] .showtime .transport-card{padding:22px}
body[data-layout="read"] .showtime .vehicle-stage,body[data-layout="read"] .showtime .weather-stage{height:125px}
body[data-layout="read"] .showtime .transport-card h3{font-size:29px;line-height:1.25}
body[data-layout="read"] .showtime .transport-card p{font-size:23px}
body[data-layout="read"] .showtime .transport-card .overline{font-size:18px}
body[data-layout="read"] .showtime #travel-feedback{font-size:23px;line-height:1.4}
body[data-layout="read"] .showtime .phrase-image{height:145px}
body[data-layout="read"] .showtime .phrase-image>span{font-size:17px}
body[data-layout="read"] .showtime .phrase-card h3{font-size:29px;min-height:0;padding:20px 20px 0}
body[data-layout="read"] .showtime .reveal-label{font-size:18px;padding:18px 20px 0}
body[data-layout="read"] .showtime .phrase-card[aria-expanded=true] .phrase-image{height:95px}
body[data-layout="read"] .showtime .phrase-card[aria-expanded=true] h3{font-size:24px;padding:17px 20px 0}
body[data-layout="read"] .showtime .phrase-meaning{padding:15px 20px 5px}
body[data-layout="read"] .showtime .phrase-meaning p{font-size:27px}
body[data-layout="read"] .showtime .phrase-meaning small{font-size:20px}
body[data-layout="read"] .showtime #open-language-notes{font-size:19px}
body[data-layout="read"] .showtime .assistant-scene{grid-template-columns:1fr;gap:30px;margin-top:20px}
body[data-layout="read"] .showtime .assistant-copy .stage-subtitle{font-size:27px;margin:24px 0}
body[data-layout="read"] .showtime .assistant-copy .primary{font-size:21px}
body[data-layout="read"] .showtime .assistant-copy .concept-note{font-size:20px}
body[data-layout="read"] .showtime #open-route-info{font-size:19px;line-height:1.4}
body[data-layout="read"] .showtime .prototype-space{height:auto;min-height:0;padding:10px 12px;overflow:visible}
body[data-layout="read"] .showtime .paper-prototype{width:100%;max-width:100%;min-height:0;padding:20px;transform:perspective(1200px) rotateY(-3deg) rotateZ(1deg)}
body[data-layout="read"] .showtime .paper-header{font-size:20px}
body[data-layout="read"] .showtime .prompt-bubble{font-size:24px;padding:15px;margin:18px 0}
body[data-layout="read"] .showtime .paper-prototype #route-result{min-height:150px}
body[data-layout="read"] .showtime .paper-prototype #route-result p,body[data-layout="read"] .showtime .sample-answer{font-size:24px;line-height:1.4}
body[data-layout="read"] .showtime .sample-answer li+li{margin-top:10px}
body[data-layout="read"] .showtime .paper-prototype #route-result .overline{font-size:17px}
body[data-layout="read"] .showtime .paper-footer{font-size:16px;line-height:1.3;gap:15px}
body[data-layout="read"] .evidence-cards{grid-template-columns:1fr;gap:22px}
body[data-layout="read"] .evidence-card{padding:22px;min-height:0}
body[data-layout="read"] .evidence-label{font-size:19px}
body[data-layout="read"] .evidence-card h3{font-size:28px;line-height:1.3;margin-top:15px}
body[data-layout="read"] .evidence-card small{font-size:20px}
body[data-layout="read"] .evidence-symbol{font-size:54px;height:54px}
body[data-layout="read"] .evidence-document{height:50px;width:40%}
body[data-layout="read"] .process-bottom{display:block}
body[data-layout="read"] .showtime .process-bottom .text-btn{font-size:20px;max-width:100%;margin-bottom:15px}
body[data-layout="read"] .process-bottom p{font-size:21px;max-width:100%;text-align:left;line-height:1.4}
body[data-layout="read"] .expression-panels{grid-template-columns:1fr;gap:20px;margin-top:25px}
body[data-layout="read"] .expression-card{padding:21px}
body[data-layout="read"] .expression-card>span{font-size:18px}
body[data-layout="read"] .expression-card>p{font-size:31px;line-height:1.2;margin-top:14px}
body[data-layout="read"] .current-turn{grid-template-columns:1fr;gap:10px;margin-top:25px;padding:20px;min-height:150px}
body[data-layout="read"] .current-turn>span{font-size:20px}
body[data-layout="read"] .current-turn>p{font-size:25px;line-height:1.4}
body[data-layout="read"] .dialogue-controls{flex-wrap:wrap;gap:15px;margin-top:20px}
body[data-layout="read"] #dialogue-steps{order:3;justify-content:space-between;width:100%;gap:5px}
body[data-layout="read"] .dialogue-step{height:31px;width:31px;font-size:16px}
body[data-layout="read"] .showtime .dialogue-controls .primary,body[data-layout="read"] .showtime .dialogue-controls .text-btn{font-size:18px}
body[data-layout="read"] .dialogue-stage .citations{position:relative;inset:auto}
body[data-layout="read"] .showtime .claim-layout{grid-template-columns:1fr;gap:27px}
body[data-layout="read"] .showtime .check-list{font-size:23px;gap:14px;display:flex;margin-top:24px}
body[data-layout="read"] .showtime .claim-intro .text-btn{font-size:20px}
body[data-layout="read"] .showtime .claim-machine{padding:24px;transform:none;max-width:none;min-height:0}
body[data-layout="read"] .showtime .claim-machine>.overline{font-size:17px}
body[data-layout="read"] .showtime .claim-machine blockquote{font-size:31px;margin:25px 0}
body[data-layout="read"] .showtime .claim-verdict>span{font-size:18px}
body[data-layout="read"] .showtime .claim-verdict p{font-size:23px;line-height:1.4}
body[data-layout="read"] .showtime .rejected blockquote{font-size:23px}
body[data-layout="read"] .showtime .rejected .claim-verdict p{font-size:31px}
body[data-layout="read"] .showtime .reject-stamp{font-size:17px;top:28%}
body[data-layout="read"] .showtime .conclusion-copy{width:100%}
body[data-layout="read"] .showtime .final-equation{flex-wrap:wrap;gap:12px}
body[data-layout="read"] .showtime .final-equation span{font-size:23px}
body[data-layout="read"] .showtime .conclusion-copy .stage-subtitle{font-size:24px;line-height:1.4}
body[data-layout="read"] .showtime .audience-question{margin-top:27px}
body[data-layout="read"] .showtime .audience-question>span{font-size:18px}
body[data-layout="read"] .showtime .audience-question p{font-size:27px;line-height:1.35}
body[data-layout="read"] .showtime .final-controls{flex-wrap:wrap;gap:15px;margin-top:25px}
body[data-layout="read"] .showtime .final-controls .primary,body[data-layout="read"] .showtime .final-controls .text-btn{font-size:20px}
body[data-layout="read"] .showtime .closing-photo{position:relative;inset:auto;width:85%;height:250px;margin:35px auto 10px}
body[data-layout="read"] .showtime .closing-photo>span{font-size:18px;line-height:1.3}
body[data-layout="read"] .credits .source-list,body[data-layout="read"] .credits #photo-credits{grid-template-columns:1fr}
body[data-layout="read"] .credits .source-item a,body[data-layout="read"] .credits .photo-credit a{font-size:22px}
body[data-layout="read"] .credits .source-item>span{font-size:18px}
body[data-layout="read"] .credits .source-item p,body[data-layout="read"] .credits .source-item details,body[data-layout="read"] .credits .source-item summary,body[data-layout="read"] .credits .photo-credit p{font-size:17px;line-height:1.5}
body[data-layout="read"] .credits .photo-credit{grid-template-columns:75px 1fr;gap:15px}
body[data-layout="read"] .credits .photo-credit img{height:70px;width:75px}
body[data-layout="read"] .ai-disclosure{grid-template-columns:1fr;gap:20px}
body[data-layout="read"] .ai-disclosure p,body[data-layout="read"] .reference-intro{font-size:23px;max-width:100%}
body[data-layout="read"] .credits.showtime .section-title .text-btn{font-size:18px;margin-top:20px}
body[data-layout="read"] .learning-dialog{padding:22px}
body[data-layout="read"] .learning-dialog h2{font-size:39px}
body[data-layout="read"] .learning-dialog .concept-badge{font-size:15px;max-width:78%}
body[data-layout="read"] .learning-dialog dl>div{grid-template-columns:1fr;gap:9px}
body[data-layout="read"] .learning-dialog dd{font-size:25px}
body[data-layout="read"] .learning-dialog dt{font-size:20px}
body[data-layout="read"] .learning-dialog .card-limit,body[data-layout="read"] .learning-dialog .language-provenance{font-size:21px}
body[data-layout="read"] .card-source-links a{font-size:20px}
body[data-layout="read"] .learning-dialog table{display:block;overflow-x:auto}
body[data-layout="read"] .learning-dialog td,body[data-layout="read"] .learning-dialog th{font-size:18px;min-width:140px;padding:14px 10px}
body[data-layout="read"] .learning-dialog .micro-note{font-size:17px}
body[data-layout="read"] #presenter-panel{padding:24px}
body[data-layout="read"] #presenter-panel #note-script{font-size:23px!important}
body[data-layout="read"] #presenter-panel #note-vi{font-size:19px!important}
body[data-layout="read"] #presenter-panel #note-keywords{font-size:25px}
body[data-layout="read"] #quiz-modal{padding:23px}
body[data-layout="read"] #quiz-modal .quiz-card h3{font-size:28px}
body[data-layout="read"] #quiz-modal .quiz-option{font-size:23px}
body[data-layout="read"] #quiz-modal .feedback{font-size:19px}
body[data-layout="read"] .shortcuts{font-size:13px;gap:14px}
body[data-layout="read"] #chapter-grid{grid-template-columns:1fr 1fr}
body[data-layout="read"] #chapter-grid .chapter-tile h3{font-size:19px}
body[data-layout="read"] #chapter-grid .chapter-tile small{font-size:13px}
body[data-layout="read"] .bottom-bar #chapter-label{display:none}
body[data-layout="read"] .bottom-bar .nav-arrow{width:33px;height:33px}
body[data-layout="read"] .bottom-bar .current-chapter{font-size:13px}
body[data-layout="read"] .bottom-bar .progress{max-width:120px}}
@media(max-height:580px) and (min-width:701px){body[data-layout="read"]{--header:58px;--footer:50px}
body[data-layout="read"] .showtime{overflow-y:auto;padding-bottom:35px}
body[data-layout="read"] .showtime .speaking-cue{position:relative;inset:auto;margin-top:25px}
body[data-layout="read"] .showtime .citations{position:relative;inset:auto;margin-top:15px}
body[data-layout="read"] .showtime .intro-copy h1{font-size:90px}
body[data-layout="read"] .showtime .intro-stage .speaking-cue{position:relative;inset:auto}
body[data-layout="read"] .showtime .world-photo{height:240px}
body[data-layout="read"] .showtime .product-photo-wrap{height:350px}
body[data-layout="read"] .showtime .paper-prototype{min-height:0}
body[data-layout="read"] .showtime .gallery-space{height:65%}
body[data-layout="read"] .current-turn{min-height:100px}}
@media(prefers-reduced-motion:reduce){.showtime .paper-prototype{animation:none!important}}
@media print{.showtime{overflow:visible;min-height:90vh}
.showtime .citations{position:relative;inset:auto}
.showtime .speaking-cue{position:relative;inset:auto}
.sources-slide,.image-credit-slide{break-after:page}
#dialogue-steps,.dialogue-controls{display:none}}
@media(max-width:700px){body[data-layout="read"] .showtime .prototype-ring{display:none}}
/* narrative.css */
.transfer-strip{display:flex;align-items:center;justify-content:space-around;gap:15px;margin:22px 0 0;padding:15px 25px;border:1px solid #74d8fa3b;background:#0c2435a8}
.transfer-strip span{font-size:var(--deck-small);line-height:1.3;letter-spacing:.03em;color:#91d4e6}
.transfer-strip b{display:block;font-size:var(--deck-secondary);line-height:1.2;color:#f4f6ee;margin-top:5px;letter-spacing:0}
.transfer-strip i{font-style:normal;font-size:var(--deck-key);color:var(--accent)}
.transfer-strip .transfer-destination b{color:var(--accent)}
.showtime .world-photo{height:clamp(220px,32dvh,580px)}
.showtime .world-copy h3{margin-top:8px}
.showtime .world-copy p{margin-top:10px}
.showtime .world-connector{gap:12px}
.showtime .local-postcards{top:17%;height:53%}
.local-concept-path{position:absolute;left:54%;right:7%;bottom:125px;color:#d9f0e8}
.local-concept-path svg{height:55px;width:100%;overflow:visible}
.local-concept-path path{fill:none;stroke:#c4ff63;stroke-width:3;stroke-dasharray:8 6;animation:concept-flow 5s linear infinite}
.local-concept-path circle{fill:#c4ff63}
.local-concept-path>div{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:var(--deck-small)}
.local-concept-path b{font-size:var(--deck-label);color:var(--accent);font-weight:500}
.local-concept-path small{display:block;font-size:var(--deck-small);color:#a8bfcc;margin-top:10px}
.launch-evidence{display:block;border:0;border-bottom:1px solid #74d8fa55;background:none;color:#7de7f3;font-size:var(--deck-small);line-height:1.4;text-align:left;padding:8px 0;margin-top:10px}
.showtime .launch-date{gap:13px}
.showtime .product-copy .stage-subtitle{font-size:var(--deck-secondary);margin-top:14px}
.showtime .launch-date strong{font-size:clamp(56px,5vw,130px)}
.showtime .ride-controls{margin-top:15px}
.culture-sequence{display:flex;gap:9px;align-items:center;margin-top:22px}
.culture-sequence button{font-size:var(--deck-label);background:#0e2739;border:1px solid #5fa5bd77;padding:11px 13px;line-height:1.2;color:#dce9ed}
.culture-sequence button.selected{background:#c4ff6320;border-color:var(--accent);color:var(--accent)}
.culture-sequence i{font-style:normal;color:#8adcd3}
.showtime .culture-principle{min-height:100px;margin-top:18px}
.showtime .culture-principle p{font-size:var(--deck-secondary);line-height:1.25}
.showtime .guide-example-btn{font-size:var(--deck-small);padding:5px 0;min-height:0;margin-top:5px}
.culture-stage[data-culture-step="1"] .gallery-front{transform:perspective(1200px) rotateY(-4deg) rotateZ(-2deg) translateY(-12px)}
.culture-stage[data-culture-step="2"] .gallery-front{box-shadow:0 0 60px #b8e77e33}
.phrase-origin{font-size:var(--deck-small);line-height:1.25;color:#9de1e0;padding:9px 18px 0}
.showtime .phrase-card h3{min-height:2.5em}
.showtime .phrase-card[aria-expanded=true] .phrase-origin{font-size:var(--deck-small)}
.showtime .phrase-card[aria-expanded=true] h3{min-height:0}
.showtime .phrase-meaning small{font-size:var(--deck-small)}
.paper-sources{display:block;background:none;border:0;border-top:1px solid #48624d55;font-size:var(--deck-small);color:#355341;margin-top:12px;padding:10px 0 0;width:100%;text-align:left;line-height:1.3}
.evidence-card mark{background:transparent;color:var(--accent)}
.evidence-card:first-child mark{color:#a6e7ee}
.process-stage .evidence-card{min-height:290px}
.process-stage .evidence-card h3{font-size:var(--deck-secondary);line-height:1.25}
.evidence-document{margin:10px 0 15px}
.process-stage .evidence-symbol{font-size:65px;height:65px}
.process-stage .process-bottom{margin-top:18px}
.team-ribbon{display:flex;align-items:center;justify-content:space-around;gap:10px;padding:13px 20px;margin-top:18px;border-top:1px solid #8bd1f044;border-bottom:1px solid #8bd1f044;color:#90cadf;font-size:var(--deck-small)}
.team-ribbon span{display:flex;align-items:center;gap:13px}
.team-ribbon b{font-size:var(--deck-label);color:#e3ebef;font-weight:500}
.team-ribbon i{font-style:normal;color:var(--accent)}
.dialogue-meaning{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:#aad6e0;gap:20px}
.dialogue-meaning>span{font-size:var(--deck-label);line-height:1.3}
.voice-track{display:flex;gap:12px}
.voice-track b{font-size:var(--deck-small);font-weight:500;padding:7px 11px;border:1px solid #80c6e644;border-radius:20px}
.voice-track b.current{color:#071322;background:var(--accent);border-color:var(--accent)}
.dialogue-stage .current-turn{margin-top:12px;min-height:120px}
.dialogue-stage .expression-card{padding:22px 30px}
.dialogue-stage .expression-card>p{margin-top:10px}
.dialogue-stage .expression-card.is-speaking{box-shadow:0 0 0 2px var(--accent),0 0 40px #b9ff6120}
.dialogue-stage .expression-card.uncertain.is-speaking{box-shadow:0 0 0 2px #ffbc86,0 0 40px #ffbc8620}
.dialogue-stage .dialogue-controls{margin-top:16px}
.claim-intro [data-study]{font-size:var(--deck-small);margin-top:10px;min-height:0}
.claim-intro #open-quiz{font-size:var(--deck-small);margin-top:8px}
.concept-source-qr{display:flex;justify-content:center;gap:30px;margin:25px 0}
.concept-source-qr>div{display:grid;justify-items:center;gap:12px;width:45%;max-width:230px}
.concept-source-qr img{background:white;border:10px solid white;width:140px;height:140px}
.concept-source-qr b{font-size:20px;line-height:1.3;font-weight:500}
#presenter-panel #note-stage-action{font-size:18px;line-height:1.5;border-left:3px solid #6eeeff;padding:12px 15px;color:#e8f1eb;background:#6eeeff0b;margin:20px 0 0}
#presenter-panel .note-detail-btn{font-size:17px;margin-top:10px}
body.motion-off .local-concept-path path{animation:none}
@keyframes concept-flow{to{stroke-dashoffset:-140}}
@media(max-width:1000px) and (min-width:701px){body[data-layout="read"] .transfer-strip{padding:14px;gap:10px}
body[data-layout="read"] .transfer-strip b{font-size:22px}
body[data-layout="read"] .local-concept-path{left:56%;right:6%;bottom:150px}
body[data-layout="read"] .local-concept-path>div{gap:7px;font-size:13px}
body[data-layout="read"] .local-concept-path b{font-size:16px}
body[data-layout="read"] .local-concept-path small{font-size:13px}
body[data-layout="read"] .culture-sequence{gap:5px}
body[data-layout="read"] .culture-sequence button{font-size:16px;padding:9px}
body[data-layout="read"] .team-ribbon{padding:12px;gap:8px}
body[data-layout="read"] .team-ribbon span{display:block}
body[data-layout="read"] .team-ribbon b{display:block;font-size:20px}
body[data-layout="read"] .process-stage .evidence-card{min-height:300px}
body[data-layout="read"] .process-stage .evidence-card h3{font-size:24px}
body[data-layout="read"] .process-stage .evidence-card small{font-size:17px}}
@media(max-width:700px){body[data-layout="read"] .transfer-strip{flex-wrap:wrap;padding:18px;gap:18px;justify-content:start}
body[data-layout="read"] .transfer-strip span{font-size:15px}
body[data-layout="read"] .transfer-strip b{font-size:22px}
body[data-layout="read"] .transfer-strip i{font-size:24px}
body[data-layout="read"] .showtime .world-photo{height:310px}
body[data-layout="read"] .local-concept-path{position:relative;inset:auto;margin-top:20px}
body[data-layout="read"] .local-concept-path>div{font-size:13px;gap:8px}
body[data-layout="read"] .local-concept-path b{font-size:17px}
body[data-layout="read"] .local-concept-path small{font-size:15px}
body[data-layout="read"] .showtime .local-postcards{height:300px;margin-top:30px;top:auto}
body[data-layout="read"] .culture-sequence{gap:7px;flex-wrap:wrap}
body[data-layout="read"] .culture-sequence button{font-size:17px;padding:11px}
body[data-layout="read"] .showtime .guide-example-btn{font-size:18px}
body[data-layout="read"] .showtime .culture-principle{min-height:0}
body[data-layout="read"] .phrase-origin{font-size:16px;padding:12px 20px 0}
body[data-layout="read"] .paper-sources{font-size:18px}
body[data-layout="read"] .process-stage .evidence-card{min-height:0}
body[data-layout="read"] .process-stage .evidence-card h3{font-size:28px}
body[data-layout="read"] .team-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px;margin-top:20px}
body[data-layout="read"] .team-ribbon>i{display:none}
body[data-layout="read"] .team-ribbon span{display:block;font-size:16px}
body[data-layout="read"] .team-ribbon b{display:block;margin-top:5px;font-size:21px}
body[data-layout="read"] .dialogue-meaning{display:block}
body[data-layout="read"] .dialogue-meaning>span{font-size:18px;display:block}
body[data-layout="read"] .voice-track{margin-top:15px;gap:10px}
body[data-layout="read"] .voice-track b{font-size:16px}
body[data-layout="read"] .dialogue-stage .expression-card{padding:21px}
body[data-layout="read"] .dialogue-stage .current-turn{min-height:180px}
body[data-layout="read"] .concept-source-qr{gap:15px}
body[data-layout="read"] .concept-source-qr img{width:105px;height:105px}
body[data-layout="read"] .concept-source-qr b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.local-concept-path path{animation:none}}
.paper-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;border-top:1px solid #48624d55;padding-top:12px}
.paper-source-row a,.paper-source-row button{font-size:var(--deck-small);color:#294d40;background:none;border:0;line-height:1.25;text-decoration:none;text-align:left}
.paper-source-row a:hover,.paper-source-row button:hover{color:#071f13;text-decoration:underline}
.culture-principle p{white-space:pre-line}
/* language.css */
.words-stage>.eyebrow>span:last-child:not(.chapter-code){display:none}
.language-section-tabs{position:absolute;right:var(--pad);top:17px;z-index:18;display:flex;align-items:center;gap:8px}
.language-section-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 15px;border:1px solid #83bbcf42;border-radius:4px;background:#102336c9;color:#b9cfdd;font-size:19px;font-weight:550;line-height:1.15;transition:color .2s,border-color .2s,background .2s}
.language-section-tabs button:hover{border-color:#9bd5df;color:#fff}
.language-section-tabs button[aria-selected="true"],.language-section-tabs button[aria-pressed="true"],.language-section-tabs button.active{background:#d7f68d;color:#112532;border-color:#d7f68d}
.language-core{min-width:0}
.language-core .section-title{padding-top:4px}
.language-stage{position:absolute;inset:78px var(--pad) 66px;z-index:10;display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}
.language-stage-head{display:flex;align-items:center;justify-content:space-between;gap:30px;flex:0 0 76px;min-width:0}
.language-stage-head h2{font-size:60px;line-height:1.02;letter-spacing:-.055em;font-weight:500;max-width:58%;margin:0}
.language-stage-head h2 em{color:var(--accent);font-family:Georgia,"Times New Roman",serif;font-weight:400}
.language-stage-head>p,.language-stage-head .language-stage-subtitle{font-size:24px;line-height:1.25;color:#c9d9e5;max-width:43%;margin:0;text-align:right}
.language-stage-head .language-page-label{display:block;color:#8fbdc9;font-size:16px;line-height:1.2;letter-spacing:.08em;margin-bottom:4px}
.language-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;flex:1 1 0;min-width:0;min-height:0}
.language-word{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:7px;background:none;text-align:left;color:#f2f4ea;perspective:1400px;transform-style:preserve-3d;cursor:pointer}
.language-word .word-front,.language-word .word-back{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;min-height:0;padding:15px 19px 14px;border:1px solid #8fc0d13d;border-radius:7px;background:linear-gradient(122deg,#142e42f2,#0a1a2bf5);box-shadow:0 12px 32px #0002;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s}
.language-word .word-front{transform:rotateY(0deg)}
.language-word .word-back{transform:rotateY(180deg);background:linear-gradient(125deg,#173e48,#0b2536);border-color:#9bd2bc70;pointer-events:none}
.language-word.is-flipped .word-front{transform:rotateY(-180deg);pointer-events:none}
.language-word.is-flipped .word-back{transform:rotateY(0deg);pointer-events:auto}
.language-word:hover .word-front,.language-word:hover .word-back{border-color:#9ed7d38f;box-shadow:0 12px 32px #0003,0 0 24px #86c3b00a}
.language-word:focus-visible{outline:3px solid #d7f68d;outline-offset:5px}
.language-word h3{display:block;font-size:35px;line-height:1.05;font-weight:600;letter-spacing:-.035em;margin:0;color:#f4f5e9}
.language-word .language-meaning{font-size:24px;line-height:1.2;font-weight:450;color:#e0ecf3;margin:0;max-width:100%}
.language-word .language-vi{font-size:19px;line-height:1.2;color:#9fc1ca;margin:0;max-width:100%}
.language-word .language-example{font-size:24px;line-height:1.24;font-weight:450;color:#edf4dc;margin:0;max-width:100%}
.language-word .language-example em{color:#e2f6a6;font-style:normal;font-weight:650}
.language-origin{font-size:15px;line-height:1.2;color:#9db5c4;margin:0}
.language-word .language-origin{margin-top:auto;padding-right:98px;width:100%}
.core-badge{display:inline-flex;align-items:center;vertical-align:middle;position:relative;top:-3px;padding:4px 7px;margin-left:10px;border:1px solid #d7f68d66;border-radius:3px;background:#d7f68d12;color:#d7f68d;font:600 12px/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:.045em;white-space:nowrap}
.word-flip-hint{position:absolute;bottom:13px;right:16px;z-index:3;color:#d0e9ac;font-size:14px;line-height:1.2;font-weight:550;letter-spacing:.01em;pointer-events:none}
.language-word .example-label{font-size:14px;line-height:1.2;letter-spacing:.1em;color:#b8d7c3;font-weight:650;margin:0;text-transform:uppercase}
.language-word .word-back h3{font-size:30px;line-height:1.08}
.language-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;flex:1 1 0;min-height:0;min-width:0}
.language-comparison{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;min-height:0;padding:20px 23px;border:1px solid #8fc0d14a;border-radius:7px;background:linear-gradient(138deg,#152d43ed,#0a1b2bef);box-shadow:0 18px 45px #0002}
.language-comparison>header,.language-comparison .comparison-topic{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#96cbd2;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:.02em;margin:0 0 4px}
.language-comparison>header h3{font-size:23px;font-weight:600;line-height:1.2;letter-spacing:-.015em;margin:0}
.language-comparison .phrase-line{display:flex;align-items:center;min-width:0;padding-right:36px;margin:0}
.language-comparison .phrase-line p{font-size:31px;line-height:1.12;font-weight:550;letter-spacing:-.025em;color:#f1f4e9;margin:0;max-width:100%}
.language-comparison .phrase-line p em{color:#d7f68d;font-style:normal}
.language-comparison .relation-mark{position:absolute;right:23px;top:62px;font-size:48px;line-height:1;color:#a4d6c15c;font-family:Georgia,"Times New Roman",serif;pointer-events:none}
.language-comparison .comparison-en{font-size:25px;line-height:1.24;color:#dceaf1;margin:3px 0 0}
.language-comparison .comparison-vi{font-size:20px;line-height:1.25;color:#9dbfc9;margin:0}
.language-comparison .comparison-example{font-size:22px;line-height:1.25;color:#e9f3cd;margin:2px 0 0;padding-left:12px;border-left:2px solid #d7f68d63}
.language-comparison .comparison-example em{font-style:normal;font-weight:600;color:#d7f68d}
.language-comparison .comparison-origin{font-size:15px;line-height:1.2;color:#9db5c4;margin:0;margin-top:auto;padding-top:3px}
.language-stage-meta,.language-source-legend{font-size:15px;line-height:1.2;color:#9fb8c9;margin:0}
.language-stage-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:0 0 30px;min-width:0;padding-top:3px}
.language-stage-meta>p{margin:0;max-width:calc(100% - 190px)}
.language-stage-meta .text-btn,.language-source-legend .text-btn{font-size:16px!important;line-height:1.2;min-height:30px!important;white-space:nowrap;padding:4px 0}
.language-stage-meta strong,.language-source-legend strong{color:#d5e6e7;font-weight:600}
.language-local-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 42px;min-width:0;border-top:1px solid #98bacc29;padding-top:6px}
.language-local-nav button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:7px 14px;min-width:135px;min-height:36px;border:1px solid #8fc0d14a;border-radius:3px;background:#102a3bcc;color:#d8edf0;font-size:18px;line-height:1.1;font-weight:550}
.language-local-nav button:hover{border-color:#d7f68d;color:#d7f68d}
.language-local-nav button:disabled{opacity:.35;cursor:default}
.language-local-nav>span,.language-local-nav .language-page-count{font-size:18px;line-height:1.2;color:#bfd5df;font-variant-numeric:tabular-nums;letter-spacing:.025em}
.motion-off .language-word .word-front,.motion-off .language-word .word-back{transition:none!important;transform:none!important}
.motion-off .language-word .word-back{visibility:hidden}
.motion-off .language-word.is-flipped .word-front{visibility:hidden}
.motion-off .language-word.is-flipped .word-back{visibility:visible}
@media(prefers-reduced-motion:reduce){.language-word .word-front,.language-word .word-back{transition:none!important;transform:none!important}
.language-word .word-back{visibility:hidden}
.language-word.is-flipped .word-front{visibility:hidden}
.language-word.is-flipped .word-back{visibility:visible}
.language-section-tabs button{transition:none}}
@media(max-width:1000px){body[data-layout="read"] .language-section-tabs{position:relative;inset:auto;justify-content:flex-start;flex-wrap:wrap;margin:4px 0 22px}
body[data-layout="read"] .language-section-tabs button{font-size:17px;padding:10px 12px;min-height:44px}
body[data-layout="read"] .language-stage{position:relative;inset:auto;min-height:640px;gap:18px;margin-top:12px}
body[data-layout="read"] .language-stage-head{flex-basis:auto;min-height:85px;gap:18px}
body[data-layout="read"] .language-stage-head h2{font-size:46px}
body[data-layout="read"] .language-stage-head>p,body[data-layout="read"] .language-stage-head .language-stage-subtitle{font-size:21px}
body[data-layout="read"] .language-bank-grid{flex-basis:auto;grid-auto-rows:minmax(220px,auto);grid-template-rows:none}
body[data-layout="read"] .language-word{height:auto;min-height:220px}
body[data-layout="read"] .language-word .word-front{position:relative;inset:auto;min-height:220px}
body[data-layout="read"] .language-compare-grid{flex-basis:auto;min-height:435px}
body[data-layout="read"] .language-word h3{font-size:31px}
body[data-layout="read"] .language-word .language-meaning{font-size:22px}
body[data-layout="read"] .language-word .language-vi{font-size:18px}
body[data-layout="read"] .language-word .language-example{font-size:23px}
body[data-layout="read"] .language-comparison{padding:18px;gap:10px}
body[data-layout="read"] .language-comparison .phrase-line p{font-size:27px}
body[data-layout="read"] .language-comparison .comparison-en{font-size:23px}
body[data-layout="read"] .language-comparison .comparison-vi{font-size:19px}
body[data-layout="read"] .language-comparison .comparison-example{font-size:21px}
body[data-layout="read"] .language-stage-meta{flex-basis:auto;min-height:35px;align-items:flex-start}
body[data-layout="read"] .language-stage-meta>p{max-width:calc(100% - 155px)}}
@media(max-width:700px){body[data-layout="read"] .language-section-tabs{gap:7px;margin-bottom:24px}
body[data-layout="read"] .language-section-tabs button{font-size:15px;gap:6px;padding:10px 9px}
body[data-layout="read"] .language-core .section-title{padding-top:0}
body[data-layout="read"] .language-stage{min-height:0;margin-top:8px;gap:20px}
body[data-layout="read"] .language-stage-head{display:block;min-height:0}
body[data-layout="read"] .language-stage-head h2{font-size:43px;max-width:100%;line-height:1.08}
body[data-layout="read"] .language-stage-head>p,body[data-layout="read"] .language-stage-head .language-stage-subtitle{font-size:21px;text-align:left;max-width:100%;margin-top:13px}
body[data-layout="read"] .language-bank-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto;gap:17px}
body[data-layout="read"] .language-word{min-height:240px}
body[data-layout="read"] .language-word .word-front{min-height:240px}
body[data-layout="read"] .language-word .word-front,body[data-layout="read"] .language-word .word-back{padding:18px;gap:9px}
body[data-layout="read"] .language-word h3{font-size:31px}
body[data-layout="read"] .language-word .language-meaning{font-size:23px}
body[data-layout="read"] .language-word .language-vi{font-size:19px}
body[data-layout="read"] .language-word .language-example{font-size:23px}
body[data-layout="read"] .language-word .word-back h3{font-size:28px}
body[data-layout="read"] .language-origin{font-size:14px}
body[data-layout="read"] .language-word .language-origin{padding-right:86px}
body[data-layout="read"] .core-badge{font-size:10px;margin-left:6px;padding:3px 5px}
body[data-layout="read"] .word-flip-hint{font-size:13px;bottom:17px;right:16px}
body[data-layout="read"] .language-compare-grid{grid-template-columns:1fr;gap:20px;min-height:0}
body[data-layout="read"] .language-comparison{min-height:365px;padding:21px;gap:13px}
body[data-layout="read"] .language-comparison>header h3{font-size:23px}
body[data-layout="read"] .language-comparison .phrase-line p{font-size:29px}
body[data-layout="read"] .language-comparison .comparison-en{font-size:24px}
body[data-layout="read"] .language-comparison .comparison-vi{font-size:20px}
body[data-layout="read"] .language-comparison .comparison-example{font-size:22px}
body[data-layout="read"] .language-comparison .comparison-origin{font-size:14px;padding-top:9px}
body[data-layout="read"] .language-stage-meta{display:block;min-height:0;font-size:15px;line-height:1.4}
body[data-layout="read"] .language-stage-meta>p{max-width:100%}
body[data-layout="read"] .language-stage-meta .text-btn,body[data-layout="read"] .language-source-legend .text-btn{margin-top:9px;min-height:40px!important;font-size:17px!important}
body[data-layout="read"] .language-local-nav{gap:10px;flex-wrap:wrap;padding-top:13px;min-height:60px}
body[data-layout="read"] .language-local-nav button{min-width:105px;min-height:44px;font-size:16px;padding:10px}
body[data-layout="read"] .language-local-nav>span,body[data-layout="read"] .language-local-nav .language-page-count{font-size:15px}
body[data-layout="read"] .words-stage .speaking-cue{margin-top:30px}}
@media print{.language-section-tabs,.language-local-nav,.word-flip-hint{display:none!important}
.language-stage{position:static;inset:auto;display:block;margin:20px 0}
.language-stage-head{margin-bottom:20px}
.language-bank-grid,.language-compare-grid{display:block}
.language-word{height:230px;margin:15px 0;break-inside:avoid;perspective:none}
.language-word .word-front,.language-word .word-back{transition:none;transform:none!important;box-shadow:none}
.language-word .word-back{visibility:hidden}
.language-comparison{margin:18px 0;break-inside:avoid}
.language-stage-meta{margin-top:15px}}
.language-core-nav{position:absolute;left:var(--pad);right:var(--pad);bottom:74px;display:flex;align-items:center;gap:16px;color:#a9c5d2;font-size:18px}
.language-core-nav>span{flex:1}
.language-core-nav button{font-size:18px;padding:10px 15px;border:1px solid #8fc0d14a;border-radius:4px;background:#122c3e;color:#d2f493}
.chapter-extra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}
.chapter-extra-grid button{font-size:16px;line-height:1.3;min-height:50px;text-align:left;padding:12px;background:#102b3b;color:#cce3d9;border:1px solid #83b9c344;border-radius:4px}
@media(max-width:700px){body[data-layout="read"] .language-core-nav{position:relative;inset:auto;flex-wrap:wrap;margin-top:24px}
body[data-layout="read"] .language-core-nav>span{flex-basis:100%;font-size:18px}
body[data-layout="read"] .language-core-nav button{font-size:17px;min-height:44px}
body[data-layout="read"] .chapter-extra-grid{grid-template-columns:1fr 1fr}
body[data-layout="read"] .chapter-extra-grid button{font-size:15px}}
.words-stage .language-stage-head h2{font-size:60px;max-width:62%}
@media(max-width:700px){body[data-layout="read"] .words-stage .language-stage-head h2{font-size:43px;max-width:100%}}
/* team.css */
#team-intro{position:absolute;inset:20px var(--pad) 70px;z-index:12;display:flex;flex-direction:column;gap:18px;min-width:0;min-height:0}
#team-intro .team-header{display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:end;column-gap:40px;row-gap:6px;flex:0 0 108px;min-width:0}
#team-intro .team-header .eyebrow{grid-column:1;grid-row:1;font-size:17px;line-height:1.2;letter-spacing:.1em;color:#a9c9d5;margin:0;min-height:0}
#team-intro .team-header h2{grid-column:1;grid-row:2;margin:0;font-size:68px;line-height:1.02;letter-spacing:-.052em;font-weight:500;color:#f4f3e9}
#team-intro .team-header h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--accent)}
#team-intro .team-header>p{grid-column:2;grid-row:2;font-size:24px;line-height:1.25;color:#c2d5e0;margin:0;padding-bottom:3px;max-width:100%;text-align:right}
#team-intro .team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;flex:0 0 420px;height:420px;min-height:0;min-width:0;perspective:1800px}
#team-intro .team-card{--team-accent:#a6e3e5;--team-glow:#52b4c427;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;min-height:0;height:420px;padding:18px 19px 17px;border:1px solid #91bac943;border-radius:9px;background:linear-gradient(145deg,var(--team-glow),#0b1b2df2 60%);box-shadow:0 20px 55px #0003;text-align:center;transform-style:preserve-3d;animation:team-arrive .7s cubic-bezier(.2,.8,.2,1) both;transition:border-color .25s,transform .35s,box-shadow .35s}
#team-intro .team-card:before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--team-accent),transparent);opacity:.9;pointer-events:none}
#team-intro .team-card:nth-child(2){--team-accent:#cbeaa1;--team-glow:#a3cd5924;animation-delay:.08s}
#team-intro .team-card:nth-child(3){--team-accent:#c6bcff;--team-glow:#9b82ee25;animation-delay:.16s}
#team-intro .team-card:nth-child(4){--team-accent:#f3c39b;--team-glow:#dd956126;animation-delay:.24s}
#team-intro .team-card:hover{border-color:var(--team-accent);transform:translateY(-4px) rotateX(1deg);box-shadow:0 24px 60px #0004,0 0 35px var(--team-glow)}
#team-intro .team-number{position:absolute;top:15px;left:15px;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:28px;padding:4px 6px;border:1px solid #bdd9e52d;border-radius:3px;background:#071421a8;color:var(--team-accent);font-size:15px;line-height:1.15;font-weight:650;letter-spacing:.055em;z-index:4}
#team-intro .team-avatar{position:relative;display:grid;place-items:center;align-self:center;flex:0 0 160px;width:160px;height:160px;min-width:0;overflow:hidden;margin:1px 0 2px;border:1px solid #b4d7de69;border-radius:22px;background:radial-gradient(circle at 35% 20%,var(--team-glow),#193145 60%,#0a1c2b);box-shadow:0 9px 27px #0004,0 0 34px var(--team-glow);isolation:isolate}
#team-intro .team-avatar:after{content:"";position:absolute;inset:0;border:5px solid #ffffff08;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff1a;pointer-events:none;z-index:3}
#team-intro .team-avatar img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit;filter:saturate(.92) contrast(1.03)}
#team-intro .team-initials{position:absolute;inset:0;z-index:0;display:grid;place-items:center;color:var(--team-accent);font-family:Georgia,"Times New Roman",serif;font-size:57px;font-weight:400;line-height:1;letter-spacing:-.035em;text-shadow:0 3px 16px #0004}
#team-intro .team-photo-label{position:absolute;bottom:8px;left:50%;z-index:4;transform:translateX(-50%);max-width:calc(100% - 12px);padding:4px 7px;border:1px solid #ffffff2b;border-radius:3px;background:#061321d9;color:#f1f4e9;font-size:14px;font-weight:550;line-height:1.1;letter-spacing:.015em;white-space:nowrap}
#team-intro .team-name{width:100%;font-size:34px;font-weight:650;line-height:1.12;letter-spacing:-.035em;color:#f4f4eb;margin:2px 0 0;overflow-wrap:normal}
#team-intro .team-role{display:flex;align-items:center;justify-content:center;width:100%;min-height:57px;font-size:24px;line-height:1.18;font-weight:450;color:var(--team-accent);margin:0;letter-spacing:-.018em}
#team-intro .team-part{font-size:18px;line-height:1.2;font-weight:600;color:#d3e3eb;margin:0;padding-top:8px;width:100%;border-top:1px solid #9bbfce2b;letter-spacing:.015em}
#team-intro .team-duty{font-size:18px;line-height:1.22;font-weight:400;color:#a8c2d0;margin:0;width:100%}
#team-intro .team-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;flex:1 1 auto;min-height:50px;padding-top:2px}
#team-intro .team-footer>p,#team-intro .team-footer .team-statement{flex:1 1 auto;max-width:62%;font-size:22px;line-height:1.3;color:#c7dce5;margin:0}
#team-intro .team-footer strong{font-weight:600;color:#e4f1ce}
#team-intro .team-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex:0 0 auto}
#team-intro .team-edit,#team-intro .team-continue{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;min-height:46px;padding:11px 16px;border:1px solid #98bfc94f;border-radius:4px;background:#112b3bc7;color:#c9e1e8;font-size:18px;line-height:1.2;font-weight:550;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
#team-intro .team-edit:hover{border-color:#d7f68d;color:#e8f4d3}
#team-intro .team-continue{background:#d7f68d;border-color:#d7f68d;color:#14272a;font-size:20px;padding-left:19px;padding-right:19px}
#team-intro .team-continue:hover{background:#e9ffb8;transform:translateY(-2px)}
#team-intro .team-edit:focus-visible,#team-intro .team-continue:focus-visible{outline:3px solid #e1f69e;outline-offset:4px}
.motion-off #team-intro .team-card{animation:none!important;transition:none!important;transform:none!important}
.motion-off #team-intro .team-edit,.motion-off #team-intro .team-continue{transition:none!important;transform:none!important}
@keyframes team-arrive{from{opacity:0;transform:translateY(20px) rotateX(5deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}
@media(prefers-reduced-motion:reduce){#team-intro .team-card{animation:none!important;transition:none!important;transform:none!important}
#team-intro .team-edit,#team-intro .team-continue{transition:none!important;transform:none!important}}
@media(max-width:1000px){body[data-layout="read"] #team-intro{position:relative;inset:auto;min-height:0;gap:24px;margin:10px 0 30px}
body[data-layout="read"] #team-intro .team-header{grid-template-columns:1fr;flex-basis:auto;gap:10px;min-height:0}
body[data-layout="read"] #team-intro .team-header .eyebrow{grid-column:1;grid-row:1;font-size:15px;margin:0}
body[data-layout="read"] #team-intro .team-header h2{grid-column:1;grid-row:2;font-size:53px;line-height:1.06}
body[data-layout="read"] #team-intro .team-header>p{grid-column:1;grid-row:3;font-size:22px;text-align:left;padding:0;max-width:100%}
body[data-layout="read"] #team-intro .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;flex-basis:auto;height:auto}
body[data-layout="read"] #team-intro .team-card{height:auto;min-height:420px;padding:22px;gap:10px}
body[data-layout="read"] #team-intro .team-name{font-size:34px}
body[data-layout="read"] #team-intro .team-footer{flex-wrap:wrap;gap:18px}
body[data-layout="read"] #team-intro .team-footer>p,body[data-layout="read"] #team-intro .team-footer .team-statement{flex-basis:100%;max-width:100%;font-size:22px}
body[data-layout="read"] #team-intro .team-actions{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:700px){body[data-layout="read"] #team-intro{margin-top:12px;gap:25px}
body[data-layout="read"] #team-intro .team-header{gap:12px}
body[data-layout="read"] #team-intro .team-header h2{font-size:46px;line-height:1.06}
body[data-layout="read"] #team-intro .team-header>p{font-size:22px;line-height:1.35}
body[data-layout="read"] #team-intro .team-grid{grid-template-columns:1fr;gap:22px}
body[data-layout="read"] #team-intro .team-card{min-height:420px;padding:24px 22px;gap:12px}
body[data-layout="read"] #team-intro .team-avatar{width:174px;height:174px;flex-basis:174px;border-radius:24px}
body[data-layout="read"] #team-intro .team-name{font-size:34px;margin-top:3px}
body[data-layout="read"] #team-intro .team-role{font-size:24px;min-height:29px}
body[data-layout="read"] #team-intro .team-part,body[data-layout="read"] #team-intro .team-duty{font-size:19px;line-height:1.3}
body[data-layout="read"] #team-intro .team-number{top:18px;left:18px;font-size:16px}
body[data-layout="read"] #team-intro .team-footer{align-items:stretch;gap:15px}
body[data-layout="read"] #team-intro .team-footer>p,body[data-layout="read"] #team-intro .team-footer .team-statement{font-size:21px;line-height:1.4}
body[data-layout="read"] #team-intro .team-actions{width:100%;gap:12px}
body[data-layout="read"] #team-intro .team-edit,body[data-layout="read"] #team-intro .team-continue{min-height:48px;max-width:100%;font-size:18px}
body[data-layout="read"] #team-intro .team-continue{flex:1 1 auto}}
@media print{#team-intro{position:static;inset:auto;display:block;break-after:page}
#team-intro .team-header{margin-bottom:20px}
#team-intro .team-grid{display:grid;grid-template-columns:1fr 1fr;height:auto}
#team-intro .team-card{height:auto;min-height:380px;break-inside:avoid;animation:none;box-shadow:none;transform:none!important}
#team-intro .team-edit,#team-intro .team-continue{display:none!important}}