@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#18362e;--muted:#5e7069;--teal:#146b58;--teal2:#d9eee3;--gold:#e3af57;--paper:#f8faf5;--white:#fff;--line:#dce7dc;--coral:#d26d54;--shadow:0 18px 50px rgba(21,76,58,.07)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',ui-sans-serif,system-ui,sans-serif}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Fraunces,Georgia,serif;line-height:1.12;letter-spacing:-.035em}
h1{font-size:clamp(2.8rem,5.5vw,5.2rem)}
h2{font-size:clamp(1.7rem,3vw,2.65rem)}
h3{font-size:1.15rem;line-height:1.3}
.container{max-width:1250px;margin:auto;padding:55px 34px 90px}
.eyebrow{display:block;font-size:.7rem;font-weight:800;letter-spacing:.19em;color:var(--teal);text-transform:uppercase}
.intro{font-size:1.2rem;line-height:1.65;color:var(--muted);max-width:790px}
.muted{color:var(--muted)}
.topbar{height:78px;display:flex;align-items:center;gap:28px;padding:0 max(34px,calc((100vw - 1182px)/2));background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}
.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:800;letter-spacing:.06em;font-size:.94rem;line-height:1.05;white-space:nowrap}
.brand:hover{text-decoration:none}
.brand small{display:block;font-weight:500;letter-spacing:0;color:var(--muted);font-size:.64rem;margin-top:5px}
.brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e4f1e8;color:var(--teal);font-size:1.7rem;line-height:1}
.topbar nav{display:flex;gap:25px;margin-left:auto}
.topbar nav a{color:var(--ink);font-size:.86rem;font-weight:700}
.topbar nav a[aria-current=page]{color:var(--teal);text-decoration:underline;text-underline-offset:9px}
.storage-pill{font-size:.67rem;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:7px 11px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
footer{border-top:1px solid var(--line);padding:28px max(34px,calc((100vw - 1182px)/2));background:#fff;color:var(--muted);display:flex;gap:20px;justify-content:space-between;font-size:.82rem}
footer div{display:flex;gap:24px}
.primary,.secondary{border:1px solid transparent;border-radius:12px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.86rem;line-height:1.2;text-align:center;text-decoration:none;min-height:45px}
.primary{background:var(--teal);color:white}
.primary:hover{background:#105741;color:white;text-decoration:none}
.secondary{background:white;color:var(--teal);border-color:#b9d7c7}
.secondary:hover{background:#edf8f0;text-decoration:none}
.small{font-size:.78rem;min-height:38px;padding:9px 15px}
.text-link{font-weight:800;font-size:.88rem}
.back{display:inline-block;font-size:.84rem;font-weight:800;margin-bottom:25px}
.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin:72px 0 24px}
.section-head h2{margin:8px 0 0}
.section-head p{max-width:460px;color:var(--muted);font-size:.91rem;margin-bottom:0}
.loading{min-height:100vh;display:grid;place-content:center;text-align:center}
.loading .brand-icon{margin:auto auto 20px}
.hero{display:grid;grid-template-columns:1.13fr .87fr;gap:60px;align-items:center;padding:25px 0 55px}
.hero h1{margin:16px 0 20px}
.hero h1 em{font-style:normal;color:var(--teal)}
.hero p{max-width:610px;font-size:1.14rem;color:var(--muted)}
.hero .actions{margin-top:30px}
.hero-stats{display:flex;gap:32px;margin-top:40px;color:var(--muted);font-size:.83rem}
.hero-stats span{display:flex;flex-direction:column}
.hero-stats b{font:700 1.55rem/1.1 Fraunces,Georgia,serif;color:var(--ink)}
.hero-art{height:420px;position:relative;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff 0 23%,#e8f3e6 23% 40%,#f3f5db 40% 59%,#e7f1e8 59% 61%,transparent 61%);display:grid;place-items:center}
.orbit{position:absolute;border:1px solid #aacdba;border-radius:50%;inset:7%}
.orbit-two{inset:21%;border-color:#9bbca7}
.hero-mark,.hero-tick{position:absolute;display:grid;place-items:center;border-radius:50%;box-shadow:var(--shadow);font-family:Fraunces,serif}
.hero-mark{background:var(--teal);color:white;width:135px;height:135px;font-size:5rem;transform:translate(-28px,-15px)}
.hero-tick{background:#e8b267;color:#fff;width:75px;height:75px;font-size:2.2rem;transform:translate(83px,77px)}
.hero-tag{position:absolute;bottom:10px;right:-15px;border:1px solid var(--line);background:#fff;border-radius:100px;padding:10px 15px;font-weight:800;font-size:.8rem;transform:rotate(-5deg)}
.feature-grid,.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.feature-grid>a,.mode-grid>article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:29px;min-height:225px;display:flex;flex-direction:column;align-items:start;box-shadow:var(--shadow)}
.feature-grid>a:hover{text-decoration:none;transform:translateY(-3px);border-color:#93c7ac}
.feature-grid span,.mode-grid span{color:var(--teal);font-size:.68rem;letter-spacing:.16em;font-weight:800}
.feature-grid h3,.mode-grid h2{margin:22px 0 9px;font:700 1.5rem/1.2 Fraunces,serif;color:var(--ink)}
.feature-grid p,.mode-grid p{color:var(--muted);font-size:.87rem;line-height:1.55}
.feature-grid b{margin-top:auto}
.mode-grid{grid-template-columns:repeat(2,1fr);margin:32px 0}
.mode-grid>article{min-height:275px}
.mode-grid button{margin-top:auto}
.resume-card{display:flex;justify-content:space-between;align-items:center;gap:22px;background:#e8f4eb;border:1px solid #b6d7c0;border-radius:18px;padding:21px 25px;margin:32px 0}
.resume-card p{margin:4px 0 0;color:var(--muted);font-size:.86rem}
.podcast-teaser{margin-top:85px;background:#ebf4eb;border:1px solid #d4e4d8;border-radius:25px;padding:40px 50px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.podcast-teaser p{max-width:700px;color:var(--muted)}
.teaser-rings{flex:none;width:150px;height:150px;border-radius:50%;border:17px solid #c8dfca;display:grid;place-content:center;text-align:center;font:700 1.1rem/1.2 Fraunces,serif;color:var(--teal);transform:rotate(12deg)}
.learn-index h1{max-width:900px;margin:12px 0 15px}
.coverage-strip{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px 19px;margin:31px 0 27px}
.coverage-strip b{font-size:1.25rem}
.track,.mini-track,.test-track{display:block;height:11px;background:#e5ece3;border-radius:20px;overflow:hidden}
.track{flex:1}.track i,.mini-track i,.test-track i{height:100%;display:block;background:#6baa86;border-radius:20px}
.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.lesson-tile{display:grid;grid-template-columns:60px 135px 1fr;gap:18px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:19px;color:var(--ink);box-shadow:var(--shadow);min-height:180px}
.lesson-tile:hover{border-color:#9bc9ae;text-decoration:none;transform:translateY(-2px)}
.lesson-tile img{width:135px;height:135px;object-fit:cover;border-radius:12px;background:#e9eee7}
.tile-num{font:700 2rem/1 Fraunces,serif;color:#b2c8b8}
.lesson-tile small,.source-grid small{color:var(--teal);font-weight:800;font-size:.65rem;letter-spacing:.12em}
.lesson-tile h2{font:700 1.22rem/1.2 Fraunces,serif;letter-spacing:-.02em;margin:5px 0}
.lesson-tile p{color:var(--muted);font-size:.78rem;line-height:1.4}
.lesson-tile b{font-size:.78rem;color:var(--teal)}
.lesson-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.lesson-heading h1{font-size:clamp(2.7rem,4.9vw,4.65rem);margin:10px 0}
.lesson-heading p{font-size:1.08rem;color:var(--muted);max-width:750px;margin-bottom:0}
.lesson-status{text-align:right;min-width:130px;font-size:.76rem;color:var(--muted)}
.coverage-badge{display:block;color:var(--teal);font-size:.86rem}
.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
.stage{background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px 42px;box-shadow:var(--shadow);min-width:0}
.stage-top{display:flex;justify-content:space-between;color:var(--teal);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}
.timeline{display:flex;gap:7px;margin:26px 0}
.timeline button{border:0;min-width:0;flex:1;height:10px;background:#e5ebe4;border-radius:20px;padding:0}
.timeline button.current{background:var(--teal);box-shadow:0 0 0 2px #bfe0c9}
.timeline button.past{background:#93c9a4}
.timeline button:hover{background:#67aa86}
.stage h2{font-size:clamp(2rem,3.4vw,3.25rem);margin:0 0 20px}
.stage-body{font-size:1.06rem;line-height:1.82;margin:27px 0}
.visual-flow{display:flex;gap:12px;padding:28px;background:#f1f8f0;border:1px solid #d5e8d8;border-radius:17px;min-height:150px;align-items:stretch}
.visual-flow>div{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid #cbded0;border-radius:13px;padding:17px}
.visual-flow>div:not(:last-child):after{content:'→';position:absolute;right:-15px;top:43%;color:var(--teal);font-weight:800;font-size:1.2rem;z-index:1}
.visual-flow small{font-size:.66rem;color:var(--teal);font-weight:800;margin-bottom:7px}
.visual-flow strong{font-size:.9rem;line-height:1.3}
.visual-bars,.visual-matrix{padding:22px;border-radius:17px;border:1px solid #d5e8d8;background:#f1f8f0;margin:0}
.visual-bars figcaption,.visual-matrix figcaption{font-size:.8rem;font-weight:800;color:var(--teal);margin-bottom:14px}
.visual-bars>div{display:grid;grid-template-columns:130px 1fr 45px;gap:10px;align-items:center;font-size:.78rem;margin:9px 0}
.visual-bars i{height:23px;background:#e2ede2;border-radius:5px;overflow:hidden}.visual-bars i b{display:block;background:#68aa84;height:100%}
.visual-matrix>div{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.visual-matrix>div>*{padding:10px;background:#fff;border:1px solid #dce9dc;text-align:center;font-size:.78rem}.visual-matrix strong{background:#e3f0e3!important}
.audio-row{display:flex;align-items:center;gap:20px;justify-content:space-between;background:#f8faf5;border:1px solid var(--line);padding:14px 17px;border-radius:14px}
.audio-row div{display:flex;flex-direction:column}.audio-row small{color:var(--muted);font-size:.72rem}
.audio-row audio{max-width:420px;width:52%;height:38px}
.audio-status{color:#925b22;font-size:.82rem;margin:10px 0}
.player-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.player-controls button{font-size:.73rem;padding:10px 13px;min-height:38px}
.full-lesson{border-top:1px solid var(--line);margin-top:32px;padding-top:19px}
.full-lesson summary{cursor:pointer;color:var(--teal);font-weight:800;font-size:.83rem}
.full-lesson section{margin-top:25px}.full-lesson h3{font-family:Fraunces,serif;font-size:1.4rem}.full-lesson p{line-height:1.75}
.next-lesson{display:block;margin-top:25px}
.lesson-aside{position:sticky;top:100px}
.lesson-aside>h3{font-family:Fraunces,serif;font-size:1.3rem}
.chapter-list{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}
.chapter-list button{border:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:13px;text-align:left;padding:11px;border-radius:10px;font-weight:700;font-size:.79rem}
.chapter-list button.current{background:#e2f0e4;color:var(--teal)}
.chapter-list button:hover{background:#eef5ec}
.chapter-list small{color:var(--teal);font-weight:800}
.aside-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:21px;margin-top:15px}
.aside-card h3{font-family:Fraunces,serif;font-size:1.28rem;margin:7px 0}
.aside-card p{font-size:.78rem;color:var(--muted)}
.aside-card a{display:block;font-size:.78rem;font-weight:800;margin-top:9px}
.presenting .learn-page{max-width:1500px}.presenting .lesson-layout{grid-template-columns:1fr}
.presenting .lesson-aside,.presenting .full-lesson,.presenting .learn-page>.back{display:none}
.presenting .stage{min-height:calc(100vh - 230px);display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,70px)}
.presenting .stage h2{font-size:clamp(2.8rem,5vw,5rem)}
.presenting .stage-body{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.55}
.test-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px}
.test-top,.test-track{grid-column:1/-1}.test-top{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);font-weight:800}.test-track{margin-top:-13px}
.question-card{padding:36px 43px;background:#fff;border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow)}
.question-card h1{font-size:clamp(2rem,3vw,3.1rem);margin:10px 0}
.question-prompt{font-size:1.28rem;line-height:1.5;margin:20px 0 25px}
.options{display:grid;gap:10px}
.option{display:flex;gap:13px;text-align:left;align-items:start;border:1px solid #d7e4da;border-radius:12px;background:#fff;padding:17px 19px;color:var(--ink);width:100%;font-size:.9rem;line-height:1.45}
.option:hover:not(:disabled),.option.selected{border-color:var(--teal);background:#f0f8f1}
.option.correct-locked{background:#e2f3e9;border-color:#76b891}
.option.wrong-locked{background:#fff0e9;border-color:#e4a18c}
.option:disabled{cursor:default;opacity:1}
.option-mark{width:21px;height:21px;flex:none;border:1px solid #adcab8;border-radius:50%;display:grid;place-items:center;font-weight:800}
.option.correct-locked .option-mark{background:#328466;color:#fff}.option.wrong-locked .option-mark{background:#ce7659;color:#fff}
.question-actions{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.question-actions span{font-size:.78rem;color:var(--muted)}
.feedback{padding:20px;border-radius:13px;margin-top:19px;border:1px solid #badfc7;background:#edf8ef}
.feedback.bad{background:#fff4ec;border-color:#ebcab8}.feedback h3{margin-bottom:7px}.feedback p{font-size:.89rem;margin-bottom:0}
.right-answer{border-top:1px solid #e4ccbb;margin-top:13px;padding-top:12px}
.question-note{padding:22px;border-radius:17px;background:#e8f3e8;align-self:start}.question-note h2{font-size:1.45rem;margin:8px 0}.question-note p{font-size:.82rem;color:var(--muted)}.question-note a{font-size:.8rem;font-weight:800}
.focus-layout{max-width:850px}.focus-layout h1{font-size:clamp(2.5rem,4vw,3.9rem);margin:10px 0}.focus-layout>p{color:var(--muted);font-size:1.05rem}
.focus-layout .question-card{margin:26px 0}
.practice-index h1,.history-page h1,.profile-page h1,.source-page h1{margin:11px 0 13px}
.practice-by-lesson{margin-top:70px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.quick-grid>div{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.quick-grid small{font-size:.64rem;letter-spacing:.1em;color:var(--teal);font-weight:800}.quick-grid h3{margin:7px 0 13px;font-family:Fraunces,serif}.quick-grid a{display:block;font-size:.78rem;font-weight:800;margin:6px 0}
.result-hero{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:40px 50px;background:#e4f2e8;border-radius:23px;margin-bottom:60px}
.result-hero h1{font-size:5rem;margin:8px 0}.result-hero p{color:var(--muted)}.score-ring{width:178px;height:178px;flex:none;border:15px solid #98cca8;border-radius:50%;display:grid;place-items:center;font:700 2.2rem Fraunces,serif;background:#fff}
.wrong-list article{padding:24px 28px;margin:12px 0;border:1px solid var(--line);border-radius:15px;background:#fff}
.wrong-list article small{color:var(--teal);font-weight:800}.wrong-list article h3{font-family:Fraunces,serif;font-size:1.35rem;margin:5px 0 16px}.wrong-list article p{font-size:.86rem;margin:6px 0}.wrong-list article a{font-size:.8rem;font-weight:800}
.all-right{padding:27px;border-radius:15px;background:#eef8ef}
.history-summary{display:flex;gap:14px;margin:30px 0}.history-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;min-width:180px}.history-summary b{display:block;font:700 2rem Fraunces,serif}.history-summary span{font-size:.75rem;color:var(--muted)}
.trend,.attempts-list{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;margin-top:24px}.trend .section-head,.attempts-list .section-head{margin:0 0 20px}
.trend-bars{height:220px;display:flex;gap:14px;align-items:end;padding:15px 5px 25px;border-bottom:1px solid var(--line)}
.trend-bars>div{height:100%;flex:1;max-width:55px;display:flex;flex-direction:column;justify-content:end;align-items:center;position:relative;font-size:.64rem}.trend-bars i{width:100%;background:#77b895;border-radius:6px 6px 0 0;min-height:3px}.trend-bars small{position:absolute;bottom:-24px}.trend-bars b{position:absolute;bottom:calc(100% + 3px);font-size:.62rem}
.attempts-list>div:not(.section-head){display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.attempts-list>div>div{flex:1}.attempts-list small{display:block;font-size:.75rem;color:var(--muted)}.attempts-list a{font-size:.78rem;font-weight:800}.attempt-dot{width:27px;height:27px;border-radius:50%;background:#e6f2e8;color:var(--teal);display:grid;place-items:center;font-weight:800}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.profile-card{padding:30px;background:#fff;border:1px solid var(--line);border-radius:20px}.profile-card h2{font-size:1.8rem;margin:9px 0 14px}.profile-card h3{font-family:Fraunces,serif}.profile-card p{font-size:.87rem;color:var(--muted)}.profile-card label{display:block;font-size:.8rem;font-weight:800;margin-top:17px}.profile-card input{display:block;width:100%;padding:12px;border:1px solid #bdd5c4;border-radius:9px;margin:5px 0 11px}.profile-card button{margin-bottom:12px}.profile-card .mini-track{margin:20px 0}.form-message{min-height:1.3em}.status{font-size:.78rem}
.certificate-page{max-width:1150px}.certificate-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.certificate{min-height:650px;border:3px double #9ebca8;outline:1px solid #cddacb;outline-offset:-19px;background:#fff;padding:55px 65px;display:flex;flex-direction:column;text-align:center;box-shadow:var(--shadow)}
.certificate-top,.certificate-bottom{display:flex;justify-content:space-between;text-align:left;font-size:.72rem;letter-spacing:.1em;font-weight:800}.certificate-symbol{font-size:5rem;color:var(--teal);margin:32px 0 10px}.certificate-kicker{color:var(--teal);font-weight:800;letter-spacing:.22em;font-size:.8rem}.certificate h1{font-size:4.5rem;margin:10px 0}.certificate>p:not(.certificate-kicker){max-width:650px;margin:0 auto;font-size:1.1rem}.certificate-rule{height:1px;background:#b9cfba;margin:auto 0 22px}.certificate-bottom{margin-bottom:20px}.certificate>small{font-size:.68rem;color:var(--muted)}
.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.source-grid article{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.source-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e7efe7}.source-grid article>div{padding:20px}.source-grid h2{font-size:1.35rem;margin:6px 0}.source-grid p{font-size:.8rem;color:var(--muted)}.source-grid article>div>div{display:flex;gap:12px;flex-wrap:wrap}.source-grid a{font-size:.73rem;font-weight:800}
@media(max-width:1050px){.storage-pill{display:none}.hero{grid-template-columns:1fr 360px;gap:20px}.hero-art{height:360px}.lesson-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.topbar{padding:0 20px}.topbar nav{gap:12px}.topbar nav a{font-size:.75rem}.container{padding:35px 20px 70px}.hero{grid-template-columns:1fr}.hero-art{max-width:420px;width:100%;margin:auto}.feature-grid,.source-grid,.quick-grid{grid-template-columns:repeat(2,1fr)}.lesson-layout,.test-layout{grid-template-columns:1fr}.lesson-aside{position:static}.test-top,.test-track{grid-column:1}.question-note{display:none}.podcast-teaser{margin-top:55px}}
@media(max-width:620px){.topbar{height:auto;min-height:74px;flex-wrap:wrap;padding:12px 16px;gap:8px}.brand{font-size:.75rem}.brand small{font-size:.58rem}.brand-icon{width:30px;height:30px;font-size:1.3rem}.topbar nav{order:2;width:100%;justify-content:space-between;margin:0}.topbar nav a{font-size:.69rem}.container{padding:27px 16px 60px}footer{padding:23px 16px;flex-direction:column}footer div{flex-wrap:wrap}.hero{padding:20px 0}.hero-art{height:250px;max-width:260px}.hero-mark{width:100px;height:100px;font-size:3.2rem}.hero-tick{width:54px;height:54px;font-size:1.5rem}.hero-tag{right:-13px;bottom:0}.hero-stats{gap:20px}.section-head{align-items:start;flex-direction:column;gap:8px;margin:50px 0 20px}.feature-grid,.mode-grid,.quick-grid,.profile-grid,.source-grid{grid-template-columns:1fr}.podcast-teaser{padding:25px}.teaser-rings{display:none}.coverage-strip{flex-wrap:wrap}.coverage-strip .track{min-width:100%;order:2}.lesson-tile{grid-template-columns:38px 88px 1fr;gap:9px;padding:12px}.lesson-tile img{width:88px;height:88px}.tile-num{font-size:1.4rem}.lesson-tile h2{font-size:1.05rem}.lesson-tile p{display:none}.lesson-heading{align-items:start;flex-direction:column}.lesson-status{text-align:left}.stage{padding:24px 18px}.visual-flow{overflow-x:auto;padding:16px;min-height:120px}.visual-flow>div{min-width:115px}.stage-body{font-size:1rem}.audio-row{align-items:stretch;flex-direction:column}.audio-row audio{max-width:none;width:100%}.player-controls>*{flex:1}.question-card{padding:25px 20px}.question-actions{flex-direction:column;align-items:stretch}.history-summary{flex-wrap:wrap}.history-summary>div{min-width:0;flex:1}.result-hero{padding:30px;flex-direction:column;align-items:start}.score-ring{width:130px;height:130px}.certificate{padding:35px 25px;min-height:530px}.certificate h1{font-size:3rem}.certificate-top,.certificate-bottom{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media print{@page{size:letter landscape;margin:0}.topbar,footer,.certificate-actions{display:none!important}body,.certificate-page{background:white!important}.container.certificate-page{max-width:none;padding:0}.certificate{width:11in;height:8.5in;min-height:0;box-shadow:none;page-break-inside:avoid}}
/* Narrated storyboard: concise copy, spatial diagrams, and six visible scenes. */
.scene-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:24px 0 15px}
.scene-thumb{min-width:0;min-height:108px;padding:10px 7px;border:1px solid #dce8de;border-radius:12px;background:#f8faf6;color:var(--ink);text-align:left;display:flex;flex-direction:column;gap:3px;cursor:pointer}
.scene-thumb.current{background:#eaf6ed;border:2px solid #438a65;box-shadow:0 5px 0 #d3e7d7;transform:translateY(-3px)}
.scene-thumb:hover,.scene-thumb:focus-visible{border-color:#438a65}
.thumb-number{font-size:.62rem;font-weight:900;letter-spacing:.13em;color:#437b5a}.thumb-icon{font-size:1.35rem;line-height:1;color:#ce7152}
.scene-thumb small{font-size:.54rem;text-transform:uppercase;letter-spacing:.08em;color:#557363;font-weight:800}.scene-thumb strong{font-size:.66rem;line-height:1.2;overflow-wrap:anywhere}
.scene-progress{height:6px;background:#e3ede4;border-radius:10px;overflow:hidden;margin-bottom:22px}.scene-progress i{display:block;height:100%;background:#39845c;transition:width .2s linear}
.scene-heading{display:flex;justify-content:space-between;align-items:end;gap:15px}.scene-heading h2{margin:0!important}.scene-heading span{white-space:nowrap;font-size:.69rem;color:var(--muted);font-weight:800}
.scene-takeaway{font:700 clamp(1.15rem,1.8vw,1.6rem)/1.35 Fraunces,serif;max-width:760px;margin:12px 0 18px;color:#315d42}
.scene-art{position:relative;min-height:350px;background:#fbfdf8;overflow:hidden;border:1px solid #d7e6da;border-radius:20px;margin-bottom:17px;isolation:isolate}
.scene-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#7aa88b 1px,transparent 1px);background-size:22px 22px;opacity:.1;pointer-events:none}
.scene-art .scene-beat{position:absolute;transition:opacity .4s,transform .4s;z-index:1}
.scene-art[data-beat="1"] [data-reveal="2"],.scene-art[data-beat="1"] [data-reveal="3"],.scene-art[data-beat="2"] [data-reveal="3"]{opacity:.22;filter:grayscale(.75)}
.scene-art[data-beat="1"] [data-reveal="2"],.scene-art[data-beat="1"] [data-reveal="3"]{transform:translateY(8px)}
.scene-art.buffering:after{content:'Buffering audio…';position:absolute;right:15px;top:13px;background:#fff8e6;padding:6px 9px;border-radius:8px;font-size:.7rem;color:#765726;z-index:5}
.scene-label{display:block;font-weight:900;font-size:clamp(.85rem,1.2vw,1.05rem);line-height:1.16;max-width:175px;overflow-wrap:anywhere}
.scene-beat small{display:block;font-size:.64rem;line-height:1.25;color:#5f7468;margin-top:5px;font-weight:700}.scene-beat b{display:block;font-size:.66rem;margin-top:5px;color:#287152}
.scene-glyph{display:block;font-size:2.5rem;line-height:1;color:#27805b}.scene-symbol{font-size:2.2rem;color:#27805b}
.scene-funnel .funnel-people{position:absolute;left:6%;top:14%;width:27%;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;transform:rotate(-8deg)}
.funnel-people i,.population-field i{width:13px;height:13px;border-radius:50%;background:#86b49a;box-shadow:0 11px 0 -4px #86b49a}
.scene-funnel:after{content:'➜';position:absolute;left:33%;top:41%;font-size:3rem;color:#6aa986}
.funnel-rated,.funnel-exit,.funnel-outcome{padding:16px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.funnel-rated{left:45%;top:7%;width:30%;height:43%;background:#e2f3e8;border:3px solid #69ab82;transform:rotate(-6deg)}
.funnel-exit{left:39%;bottom:5%;width:31%;height:39%;background:#fff0e6;border:3px dashed #d77f5f;transform:rotate(7deg)}
.funnel-exit .scene-symbol{color:#d16d50}.funnel-outcome{right:2%;top:30%;width:25%;height:42%;background:#fff;border:4px double #5c8a70}
.target-rings{font-size:2.8rem;color:#3c8d66}
.scene-proxy .proxy-line{left:5%;width:35%;top:15%;padding:14px;border-left:5px solid #55a878}.scene-proxy .proxy-real{right:5%;left:auto;top:42%;border-color:#d57b5e}
.proxy-line svg{width:100%;height:100px;fill:none;stroke:#56a879;stroke-width:6}.proxy-real svg{stroke:#d57b5e}.proxy-gap{left:40%;top:35%;width:20%;text-align:center}.proxy-gap>span{display:block;font:900 4rem Fraunces;color:#ce7152}
.scene-brief .brief-page{left:9%;top:12%;width:45%;height:74%;border:2px solid #83b095;border-radius:4px;background:white;box-shadow:12px 12px 0 #e8f1e7;padding:20px}.brief-page>span{font-weight:900;letter-spacing:.1em;font-size:.6rem}.brief-page i,.desk-answer i,.desk-paper i,.evidence-document i{display:block;height:8px;background:#dbe9dd;margin:13px 0;border-radius:2px}.brief-page i:nth-of-type(2){width:72%}.brief-claim{right:9%;top:17%;padding:17px;border:2px dashed #cf7657;border-radius:14px;background:#fff3e9;transform:rotate(5deg)}.brief-claim .scene-glyph{color:#cc684f}.brief-publish{right:6%;bottom:10%;padding:16px;border-bottom:5px solid #49946e;background:#e7f5e9}
.scene-tickets .ticket-closed{left:7%;top:12%;width:35%;font-size:1.6rem;color:#3b9464}.scene-tickets .ticket-reopen{right:6%;top:20%;width:35%;font-size:2.2rem;color:#c97555}.scene-tickets .ticket-slices{left:22%;bottom:10%;width:55%;border-top:2px solid #80ae8a;padding-top:10px}.ticket-slices i{display:inline-block;width:27%;height:35px;background:#c7e4cf;margin-right:3%;transform:skew(-12deg)}
.scene-questions{display:flex;align-items:center;justify-content:space-around;padding:24px}.scene-questions .scene-beat{position:relative;width:30%;border-top:5px solid #68ab83;padding:15px 7px;align-self:center}.scene-questions b{font:800 3.5rem Fraunces;color:#b3d5bb}.scene-questions .scene-beat>span:not(.scene-label){display:block;font-weight:800;color:#cd7255;margin:10px 0}
.scene-monitor .monitor-chart{position:absolute;left:5%;top:4%;width:58%;height:85%}.monitor-chart svg{width:100%;height:75%;overflow:visible}.monitor-chart path{fill:none;stroke-width:6}.monitor-chart .chart-grid{stroke:#dce9db;stroke-width:1}.chart-english{stroke:#4a9c72}.chart-polish{stroke:#ce745a}.chart-axis{font-size:.58rem;font-weight:900;letter-spacing:.12em;color:#627e69}.chart-english-key,.chart-polish-key{font-size:.62rem;font-weight:900;margin-right:12px;color:#418561}.chart-polish-key{color:#bf674e}.monitor-callout{right:4%;width:29%;padding:12px;border-radius:12px;background:#eaf4ea}.monitor-first{top:9%}.monitor-second{top:37%;background:#fff0e6}.monitor-fallback{right:4%;bottom:7%;width:29%;border:2px solid #c98260;border-radius:15px;padding:12px;background:#fff}.monitor-fallback>span{font-size:2rem;color:#c98260}
.scene-drift .drift-launch,.scene-drift .drift-correct{left:6%;top:20%;width:24%;text-align:center}.scene-drift .drift-correct{left:auto;right:5%;top:55%}.drift-path{left:29%;top:11%;width:48%}.drift-path svg{width:100%;height:180px;fill:none;stroke:#ca7756;stroke-width:8}.scene-rerun .rerun-version,.scene-rerun .rerun-cases,.scene-rerun .rerun-slices{top:24%;width:27%;text-align:center;padding:16px}.rerun-version{left:5%}.rerun-cases{left:36%;border:3px solid #83b495;border-radius:50%}.rerun-cases>span,.rerun-slices>span{display:block;font-size:2rem;color:#548d68}.rerun-slices{right:5%}
.scene-cost .cost-stack{left:10%;width:52%;height:65px;background:#dfefdf;padding:14px;display:flex;align-items:center;gap:10px}.cost-stack i{width:46px;height:46px;border-radius:50%;background:#85be96}.cost-model{top:20%}.cost-human{top:44%;background:#f7dfcf!important}.cost-human i{background:#d79272}.cost-result{right:5%;top:30%;width:29%;text-align:center}.cost-result>span{font-size:4rem;color:#bf7056}
.scene-switch .switch-signal,.scene-switch .switch-owner,.scene-switch .switch-fallback{top:21%;width:27%;text-align:center}.switch-signal{left:5%}.switch-owner{left:36%}.switch-fallback{right:5%}.scene-switch .scene-beat>span:first-child{display:block;font-size:4rem;color:#c46f55}.switch-owner>span:first-child{color:#4d956a!important}.switch-fallback>span:first-child{color:#367b57!important}
.scene-override.scene-cycle .scene-beat{top:27%;width:26%;text-align:center}.cycle-one{left:5%}.cycle-two{left:37%}.cycle-three{right:5%}.scene-override.scene-cycle .scene-beat>span:first-child{display:block;font:900 3.5rem Fraunces;color:#a5c6ac}.cycle-arrow{position:absolute;left:45%;bottom:2%;font-size:4rem;color:#6cab80}
.scene-desk .desk-answer,.scene-desk .desk-paper,.scene-desk .desk-check{top:18%;width:28%;min-height:215px;padding:16px;background:white;box-shadow:10px 10px 0 #e2eee2;border:1px solid #9dbc9d}.desk-answer{left:5%}.desk-paper{left:37%;transform:rotate(-3deg)}.desk-check{right:4%;border-radius:50%!important;min-height:195px!important;text-align:center}.desk-check>span:first-child{font-size:3rem;color:#3d8f62}.paper-fold{position:absolute;right:0;top:0;border:15px solid transparent;border-top-color:#d6e8d7;border-right-color:#d6e8d7}
.scene-population .population-field{left:5%;top:15%;width:46%;height:68%;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;align-content:center}.population-field .scene-label{grid-column:1/-1}.population-field i:nth-of-type(17){background:#d88c70}.population-slice{right:8%;top:9%;width:30%;padding:18px;border:3px solid #d18a6a;border-radius:50%;text-align:center}.population-queue{right:6%;bottom:8%;width:32%;padding:15px;background:#ecf4e9;border-left:5px solid #609f73}
.scene-ladder .ladder-rail{position:absolute;left:18%;bottom:12%;height:70%;width:72%;border-bottom:6px solid #80b790;transform:skewY(-18deg)}.scene-ladder .ladder-step{width:25%;padding:15px;border-bottom:7px solid #70a981;background:#fff;box-shadow:0 3px 20px #dae7d8}.ladder-step b{font:800 2rem Fraunces;color:#8dbb9c}.ladder-one{left:6%;bottom:9%}.ladder-two{left:37%;bottom:34%}.ladder-three{right:4%;top:10%}.ladder-caption{position:absolute;left:4%;top:6%;font-size:.7rem;color:#6e896f;font-weight:800}
.scene-testbench .test-cases,.scene-testbench .test-lock,.scene-testbench .test-compare{top:16%;width:28%;height:70%;padding:16px;border:2px solid #a2c9ac;background:#fff;text-align:center}.test-cases{left:5%}.test-lock{left:36%;border-style:dashed!important}.test-compare{right:4%}.test-cases i{display:block;height:8px;background:#d8e9db;margin:10px}.compare-one,.compare-two{display:inline-block;font:800 1.7rem Fraunces;padding:13px;color:#4c9169;background:#e6f3e8}.compare-two{color:#bf7657;background:#fcebe3}
.scene-calibration .calibration-dial,.scene-calibration .calibration-diary,.scene-calibration .calibration-handoff{top:20%;width:28%;height:60%;text-align:center;padding:20px}.calibration-dial{left:4%;border:8px solid #9bc2a4;border-radius:50%}.dial-needle{position:absolute;width:5px;height:55px;background:#d38160;left:50%;top:12%;transform:rotate(40deg);transform-origin:bottom}.calibration-dial b{display:block;font:800 3rem Fraunces;color:#c67857}.calibration-diary{left:36%;border-bottom:5px solid #7fb991}.calibration-handoff{right:4%;background:#eaf4e8;clip-path:polygon(0 0,80% 0,100% 50%,80% 100%,0 100%)}
.scene-evidence .evidence-claim,.scene-evidence .evidence-sources,.scene-evidence .evidence-verdict{top:15%;height:70%;padding:14px}.evidence-claim{left:3%;width:28%;background:#fff;border:2px solid #d78366;border-radius:17px}.claim-question{display:block;font:800 3rem Fraunces;color:#d0785a}.evidence-sources{left:35%;width:38%;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.evidence-sources .scene-label,.evidence-sources small{grid-column:1/-1}.evidence-document{height:112px;background:#fff;border:2px solid #88b79a;padding:8px;transform:rotate(-4deg)}.evidence-document.transaction{border-color:#b09abf;transform:rotate(4deg)}.evidence-document b{font-size:.57rem;color:#537d61}.evidence-document.transaction b{color:#8f70a1}.evidence-verdict{right:2%;width:22%;border:3px solid #6ca980;border-radius:50%;text-align:center;display:flex;flex-direction:column;justify-content:center}
.scene-tool .tool-request,.scene-tool .tool-gate,.scene-tool .tool-ledger{top:19%;width:27%;height:60%;padding:20px;text-align:center}.tool-request{left:5%;background:#e7f2e9;border-radius:50%}.tool-gate{left:37%;border:10px solid #8aaf8b;border-top:0;border-bottom:0}.gate-slit{display:block;width:80%;height:14px;background:#9ab99b;margin:25px auto}.tool-ledger{right:5%;border-bottom:8px double #679f7d;background:white}
.scene-agent .agent-goal,.scene-agent .agent-loop,.scene-agent .agent-stop{top:21%;width:26%;height:59%;padding:16px;text-align:center}.agent-goal{left:5%;border:3px solid #89b298;border-radius:50%}.agent-loop{left:37%;border:3px dashed #ca8966;border-radius:50%}.loop-arrow{font-size:4rem;color:#c47b58}.agent-stop{right:4%;border:7px double #83a888}.agent-stop .scene-glyph{color:#c67857}
.scene-boundary svg{position:absolute;left:17%;top:3%;width:66%;height:95%;fill:#f3f8ed;stroke:#7dad87;stroke-width:5}.scene-boundary .boundary-corner{width:31%;text-align:center}.boundary-data{left:34%;top:11%}.boundary-text{left:6%;bottom:7%}.boundary-action{right:5%;bottom:7%}.boundary-corner>span:first-child{display:block;font-size:3rem;color:#bf7857}
.scene-compass .compass-cross{position:absolute;left:37%;top:18%;width:26%;height:64%;border:3px solid #7eae8b;border-radius:50%;display:grid;place-items:center}.compass-cross span{font:900 5rem Fraunces;color:#b6d2ba}.scene-compass .compass-point{width:27%;padding:13px;border-bottom:4px solid #7baa85;text-align:center}.compass-job{left:3%;top:33%}.compass-authority{right:3%;top:15%}.compass-proof{right:3%;bottom:7%}
.slide-transcript,.full-lesson{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.slide-transcript summary,.full-lesson summary{cursor:pointer;color:#346c4f;font-weight:800;font-size:.82rem}.slide-transcript p,.full-lesson p{line-height:1.7;color:#3d5144}.transcript-note{font-size:.78rem!important;color:#607367!important}.play-full{font-weight:900!important}
@media(max-width:900px){.scene-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.scene-thumb{min-width:135px;scroll-snap-align:start}.scene-art{min-height:310px}.scene-label{font-size:.78rem}.scene-heading{align-items:start;flex-direction:column}.scene-art .scene-beat small{font-size:.57rem}}
@media(max-width:620px){.scene-rail{margin-top:17px}.scene-art{min-height:300px}.scene-art .scene-beat{font-size:.7rem}.scene-label{font-size:.68rem}.scene-takeaway{font-size:1.12rem}.scene-art .scene-beat small{font-size:.52rem}.funnel-people i,.population-field i{width:8px;height:8px}.scene-evidence .evidence-document{height:85px}.scene-art .scene-glyph{font-size:1.8rem}.scene-questions b{font-size:2.3rem}.scene-questions .scene-beat>span:not(.scene-label){font-size:.65rem}.scene-desk .desk-answer,.scene-desk .desk-paper,.scene-desk .desk-check{min-height:160px;padding:9px}.monitor-chart svg{height:65%}.scene-monitor .monitor-callout{padding:6px}}
@media(prefers-reduced-motion:reduce){.scene-art .scene-beat,.scene-progress i,.scene-thumb{transition:none!important;animation:none!important;transform:none!important}}
/* Case-specific visual grammars used where a lesson changes the relationship. */
.scene-override .scene-beat{width:29%;min-height:165px;top:20%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}
.scene-override .scene-beat>div{width:100%;padding:10px}.scene-override [data-reveal="1"]{left:4%}.scene-override [data-reveal="2"]{left:36%}.scene-override [data-reveal="3"]{right:3%}
.override-glyph{display:block;font:800 3.5rem/1 Fraunces,serif;color:#5a9b71;margin-bottom:10px}.scene-override [data-reveal="2"] .override-glyph{color:#c9805e}.scene-override [data-reveal="3"] .override-glyph{color:#448968}
.scene-override:after{content:'➜       ➜';position:absolute;top:42%;left:27%;width:54%;color:#9abb9e;display:flex;justify-content:space-between;font-size:1.8rem;z-index:0}
.scene-branch [data-reveal="2"]{top:5%;transform:rotate(-4deg)}.scene-branch [data-reveal="3"]{top:49%;transform:rotate(4deg)}.scene-branch:after{content:'⤴       ⤵';top:38%;color:#bd886c}
.scene-branch [data-reveal="2"]>div{background:#eaf5ea;border-radius:50%;padding:20px}.scene-branch [data-reveal="3"]>div{background:#fff0e5;border-radius:50%;padding:20px}
.scene-check .scene-beat{top:19%;height:65%;border-bottom:7px solid #73aa83}.scene-check [data-reveal="2"]{border-bottom-color:#c98968}.scene-check .override-glyph{background:#e5f2e7;border-radius:50%;width:105px;height:105px;display:grid;place-items:center;margin:0 auto 15px}
.scene-compare [data-reveal="1"]>div,.scene-compare [data-reveal="2"]>div{border:2px solid #a4bea8;background:#fff;padding:19px;box-shadow:8px 8px 0 #e2ebe1;transform:rotate(-4deg)}.scene-compare [data-reveal="2"]>div{border-color:#cb9375;transform:rotate(5deg)}.scene-compare [data-reveal="3"]>div{border:4px double #74a884;border-radius:50%;padding:15px}
.scene-source [data-reveal="1"]>div{background:#eaf2e7;border-radius:50%;padding:20px}.scene-source [data-reveal="2"]>div{border:3px dashed #c98568;border-radius:10px;padding:15px}.scene-source [data-reveal="3"]>div{border:5px double #78a987;border-radius:50%;padding:17px}
.scene-measure .scene-beat{bottom:12%;top:auto;display:flex;justify-content:end}.scene-measure [data-reveal="1"]{height:48%;background:#cde8d1}.scene-measure [data-reveal="2"]{height:70%;background:#f4d8c6}.scene-measure [data-reveal="3"]{height:58%;background:#a6d3b4}.scene-measure .scene-beat>div{padding:10px}.scene-measure .override-glyph{font-size:2rem}
.scene-queue [data-reveal="1"]>div{border-left:8px solid #8fbb9b;padding:15px;background:#eaf5ea}.scene-queue [data-reveal="2"]>div{border-left:8px solid #d68c68;padding:15px;background:#fff0e4}.scene-queue [data-reveal="3"]>div{border-left:8px solid #ab675c;padding:15px;background:#fce5de}
.scene-decision .scene-beat{border-top:5px solid #7daa8c}.scene-decision .override-glyph{font-size:4rem}.scene-decision [data-reveal="2"]{top:32%}.scene-decision [data-reveal="3"]{top:13%}
.scene-authority .scene-beat{border-radius:50%;border:3px solid #90b89a;background:#f3f8ee;min-height:185px}.scene-authority [data-reveal="2"]{top:5%;border-color:#d19579;background:#fff4eb}.scene-authority [data-reveal="3"]{top:39%;border-color:#8ea5b6;background:#eef5f6}
.scene-override.scene-boundary [data-reveal="1"]{left:33%;top:4%}.scene-override.scene-boundary [data-reveal="2"]{left:5%;top:47%}.scene-override.scene-boundary [data-reveal="3"]{right:5%;top:47%}.scene-override.scene-boundary:after{content:'';position:absolute;left:16%;top:8%;width:68%;height:84%;background:#edf6ec;border:4px solid #79ab87;clip-path:polygon(50% 0,100% 100%,0 100%);z-index:0}
.scene-override.scene-cycle .scene-beat,.scene-override.scene-loop .scene-beat{border:3px dashed #a2c4a6;border-radius:50%;background:#f9fcf7}.scene-override.scene-cycle [data-reveal="2"],.scene-override.scene-loop [data-reveal="2"]{top:4%}.scene-override.scene-cycle [data-reveal="3"],.scene-override.scene-loop [data-reveal="3"]{top:42%}.override-loop{position:absolute;left:40%;bottom:-8%;font-size:7rem;color:#b7d6bb;z-index:0}.scene-override.scene-loop [data-reveal="3"]{border-color:#cf8c70;background:#fff0e8}
@media(max-width:620px){.scene-override .scene-beat{width:30%;min-height:130px}.override-glyph{font-size:2.2rem}.scene-override:after{font-size:1.1rem}.scene-authority .scene-beat{min-height:115px}.scene-check .override-glyph{width:62px;height:62px}.scene-measure .scene-beat{padding:5px}.override-loop{font-size:4rem}}
/* Motion illustrates flow only while the narration is actually playing. */
@keyframes sceneFlow{from{stroke-dashoffset:360}to{stroke-dashoffset:0}}
@keyframes sceneFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes scenePulse{0%,100%{scale:1}50%{scale:1.08}}
.scene-art.playing .monitor-chart path:not(.chart-grid),.scene-art.playing .drift-path path,.scene-art.playing .proxy-line path{stroke-dasharray:360;animation:sceneFlow 5s linear infinite}
.scene-art.playing .funnel-people i,.scene-art.playing .population-field i{animation:sceneFloat 3.5s ease-in-out infinite}
.scene-art.playing .funnel-people i:nth-child(3n),.scene-art.playing .population-field i:nth-child(4n){animation-delay:-1.4s}
.scene-art.playing .scene-glyph,.scene-art.playing .target-rings{animation:scenePulse 4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.scene-art.playing *{animation:none!important}}
.thumb-art{width:34px;height:34px;object-fit:cover;border-radius:50%;border:2px solid #a8cdae;filter:saturate(.8)}
.scene-cycle:not(.scene-override) .scene-beat{top:27%;width:26%;text-align:center}
.stage-launch{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0 8px;padding:15px 18px;border-radius:14px;background:#eaf5e9;border:1px solid #bfddc6}
.stage-launch strong{display:block;font:800 1rem Fraunces,serif;color:#285d40}.stage-launch small{display:block;margin-top:3px;font-size:.77rem;color:#506f5a}.stage-launch .primary{white-space:nowrap;font-weight:900;box-shadow:0 5px 0 #b1d5b8}
.scene-thumb{min-height:125px;padding:10px}.scene-thumb small{font-size:.68rem}.scene-thumb strong{font-size:.8rem;line-height:1.25}.thumb-number{font-size:.75rem}.thumb-icon{font-size:1.55rem}
@media(max-width:620px){.stage-launch{align-items:stretch;flex-direction:column}.stage-launch .primary{white-space:normal}.scene-thumb{min-width:154px}.scene-thumb strong{font-size:.78rem}.scene-thumb small{font-size:.66rem}}
.scene-support .support-incoming{left:5%;top:24%;width:24%;padding:18px;border:4px solid #78ad87;border-radius:50%;text-align:center;background:#eaf5e9}.support-incoming>b{display:block;font:900 3.2rem Fraunces;color:#3d8860}
.scene-support .support-split{left:36%;top:14%;width:34%;height:73%;padding:12px;border-left:3px dashed #97bba0}.support-split>span{display:block;font-size:.73rem;padding:18px 11px;border-radius:30px;margin-bottom:9px;background:#e8f3e9}.support-split>span.exited{background:#fff0e6;color:#a65d46}.support-split b{display:inline;color:inherit;font-size:.75rem}.support-split .scene-label{margin:10px 0}.scene-support .support-result{right:3%;top:28%;width:23%;border:4px double #6ca47d;border-radius:50%;padding:14px;text-align:center;background:#fff}.support-result .target-rings{display:block}
@media(max-width:620px){.scene-support .support-incoming{padding:6px}.support-incoming>b{font-size:2.2rem}.scene-support .support-split{padding:4px}.support-split>span{padding:8px 3px;font-size:.57rem}.support-split b{font-size:.6rem}.scene-support .support-result{padding:5px}.support-result .target-rings{font-size:1.8rem}}
/* Non-override beats are temporal layers. Their inner diagrams must be placed
   against the whole canvas; transformed/filtered wrappers would rebase them. */
.scene-art:not(.scene-override):not(.scene-questions):not(.scene-cycle) .scene-beat{position:static;transform:none!important;filter:none!important}
.scene-art:not(.scene-override):not(.scene-questions):not(.scene-cycle) .scene-beat>div{position:absolute}
.scene-cycle:not(.scene-override) [data-reveal="1"]{left:5%;top:27%}
.scene-cycle:not(.scene-override) [data-reveal="2"]{left:37%;top:27%}
.scene-cycle:not(.scene-override) [data-reveal="3"]{right:5%;top:27%}
.scene-cycle:not(.scene-override) .scene-beat>div>span:first-child{display:block;font:900 3.5rem Fraunces;color:#a5c6ac}
.scene-questions .scene-beat>div>span:not(.scene-label){display:block;font-weight:800;color:#cd7255;margin:10px 0}