:root{font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#23343a;background:#f4f8f9;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e6a53e;outline-offset:3px}
.site-bar{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));background:#fff;border-bottom:1px solid #dce8ea;color:#68939a;font-size:13px;font-weight:700;letter-spacing:.04em}.site-bar img{display:block;width:175px;height:auto;mix-blend-mode:multiply}.page{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:43px 0 80px}.eyebrow{margin:0 0 12px;color:#3f818b;font-size:12px;font-weight:900;letter-spacing:.19em}.page>h1{margin:0 0 12px;font-size:clamp(29px,3.35vw,43px);line-height:1.38;letter-spacing:-.035em}.lead{margin:0 0 24px;color:#5a737a;font-size:16px;line-height:1.7}
.video-shell{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 30px 70px rgba(22,67,75,.16);border:1px solid #dce9eb}.stage{position:relative;isolation:isolate;aspect-ratio:16/9;width:100%;overflow:hidden;background:#e7f2f4;container-type:inline-size}.stage::after{content:"";position:absolute;z-index:11;inset:0;pointer-events:none;box-shadow:inset 0 0 80px rgba(8,64,75,.09)}.scene{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.02);transition:opacity .45s ease,transform .7s ease,visibility 0s .45s}.scene.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .45s ease,transform .7s ease}.scene h2{margin:0;font-weight:900;letter-spacing:-.065em;line-height:1.14}.scene h2 em{color:#48aab7;font-style:normal}.section-top{display:flex;align-items:center;gap:17px;color:#5d929a;font-size:clamp(12px,1.3cqw,18px);font-weight:800;letter-spacing:.07em}.step-badge{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:100px;background:#3f818b;color:#fff;font-size:clamp(11px,1.18cqw,16px);font-weight:900;letter-spacing:.08em}.scene-note{position:absolute;left:6%;bottom:8%;margin:0;color:#3f818b;font-size:clamp(15px,2.1cqw,28px);font-weight:900;letter-spacing:-.035em}.stage-kicker{margin:0 0 14px;color:#d7ffff;font-size:clamp(12px,1.6cqw,21px);font-weight:900;letter-spacing:.17em}

.scene-intro{background:#1f5d64;color:white}.cover-photo,.consult-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 56%;animation:photo-zoom 12s ease-out both}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,51,58,.88),rgba(10,58,66,.7) 53%,rgba(10,54,60,.24)),linear-gradient(0deg,rgba(10,46,53,.62),transparent 55%)}.ambient-circle{position:absolute;border-radius:50%;border:1px solid rgba(206,255,255,.28);pointer-events:none}.ambient-circle-a{width:42%;aspect-ratio:1;right:-8%;top:-22%;box-shadow:0 0 0 35px rgba(169,245,255,.035),0 0 0 75px rgba(169,245,255,.035)}.ambient-circle-b{width:23%;aspect-ratio:1;left:20%;bottom:-27%;box-shadow:0 0 0 25px rgba(169,245,255,.04)}.intro-copy{position:absolute;z-index:2;left:6.2%;top:18%;width:66%}.intro-copy h2{font-size:clamp(40px,5.8cqw,78px);text-shadow:0 5px 25px rgba(0,0,0,.22)}.intro-copy h2 em{color:#c4f5ed}.intro-sub{display:inline-flex;gap:.4em;align-items:center;margin:26px 0 0;padding:11px 18px;border:1px solid rgba(255,255,255,.46);border-radius:100px;background:rgba(19,80,87,.5);font-size:clamp(14px,1.7cqw,23px);font-weight:700}.intro-sub strong{color:#e4ffae}.intro-number{position:absolute;right:21%;bottom:-14%;color:rgba(255,255,255,.12);font-size:clamp(260px,42cqw,560px);font-weight:1000;line-height:1}.intro-steps{position:absolute;z-index:3;left:6.2%;bottom:8%;display:flex;gap:9px}.intro-steps span{padding:9px 15px;border-radius:8px;background:rgba(255,255,255,.88);color:#327c86;font-size:clamp(13px,1.6cqw,19px);font-weight:900;box-shadow:0 8px 15px rgba(0,0,0,.12)}.scene-intro.is-active .intro-steps span{animation:rise-in .55s both}.scene-intro.is-active .intro-steps span:nth-child(2){animation-delay:.16s}.scene-intro.is-active .intro-steps span:nth-child(3){animation-delay:.32s}.scene-intro.is-active .intro-steps span:nth-child(4){animation-delay:.48s}

.scene-goal{padding:5.2% 6%;background:radial-gradient(circle at 89% 10%,#d4eff0,transparent 31%),linear-gradient(135deg,#fbfdfc,#e6f5f5)}.pattern-dots{position:absolute;right:-6%;top:-16%;width:35%;aspect-ratio:1;background-image:radial-gradient(#8bc8cd 2px,transparent 2px);background-size:22px 22px;opacity:.42;transform:rotate(-15deg)}.scene-goal h2{position:relative;margin:2.5% 0 3%;font-size:clamp(38px,5.1cqw,67px)}.goal-cards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;width:69%}.goal-card{position:relative;min-height:210px;padding:23px 25px;border:1px solid #d2e8eb;border-radius:19px;background:#fff;box-shadow:0 19px 32px rgba(48,116,125,.12);display:flex;flex-direction:column;align-items:flex-start}.goal-card .subject{display:block;padding:5px 13px;border-radius:100px;background:#e5f4f5;color:#347e87;font-size:clamp(13px,1.55cqw,20px);font-weight:900}.goal-card strong{display:block;color:#25424a;font-size:clamp(57px,8cqw,104px);line-height:1.05;letter-spacing:-.07em}.goal-card strong small{margin-left:4px;font-size:.27em;letter-spacing:0}.goal-card .goal-word{padding-top:10px;color:#277d86;font-size:clamp(30px,4.5cqw,58px);line-height:1.06}.goal-bar{width:100%;height:9px;margin-top:auto;overflow:hidden;border-radius:99px;background:#e6f0f2}.goal-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#64c7cb,#2a8893)}.scene-goal.is-active .goal-bar i{animation:bar-fill 1.6s .4s ease-out forwards}.goal-card-english .goal-bar i{--bar-target:80%}.goal-card-math .goal-bar i{--bar-target:59%}.goal-note{position:absolute;right:24px;top:27px;color:#94abb0;font-size:12px;font-weight:700}.scene-goal .scene-note{bottom:5%}

.scene-pattern{background:#f5fbfb}.pattern-photo-wrap{position:absolute;right:0;top:0;bottom:0;width:45%;overflow:hidden}.pattern-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:47% center;filter:saturate(.65) contrast(1.06)}.pattern-photo-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f5fbfb,rgba(245,251,251,.13) 37%,rgba(24,98,109,.2))}.pattern-copy{position:relative;z-index:2;width:70%;padding:5.3% 0 0 6%}.scene-pattern h2{margin:4% 0 4%;font-size:clamp(40px,5.4cqw,72px)}.pattern-question{margin:0 0 14px;color:#355d63;font-size:clamp(17px,2cqw,28px);font-weight:800}.analysis-tags{display:flex;gap:12px}.analysis-tags span{min-width:98px;padding:11px 20px;text-align:center;border:2px solid #9cccd0;border-radius:12px;background:#fff;color:#287d87;font-size:clamp(18px,2.1cqw,28px);font-weight:900;box-shadow:0 12px 20px rgba(31,111,119,.08)}.scene-pattern.is-active .analysis-tags span{animation:rise-in .48s both}.scene-pattern.is-active .analysis-tags span:nth-child(2){animation-delay:.18s}.scene-pattern.is-active .analysis-tags span:nth-child(3){animation-delay:.36s}.priority-arrow{display:flex;align-items:center;gap:17px;max-width:86%;margin-top:31px;padding:15px 17px;border-radius:13px;background:#3f818b;color:#fff;font-size:clamp(15px,1.65cqw,22px);box-shadow:0 15px 28px rgba(40,111,121,.2)}.priority-arrow b{color:#aaf3ee;font-size:1.5em}.priority-arrow strong{color:#fff6c7}

.scene-plan{padding:5% 6%;background:#f8fcfc}.calendar-photo{position:absolute;right:-2%;top:-10%;width:53%;height:82%;object-fit:cover;opacity:.2;transform:rotate(4deg);filter:saturate(.6)}.calendar-wash{position:absolute;right:0;top:0;width:65%;height:70%;background:linear-gradient(90deg,#f8fcfc,transparent)}.scene-plan h2{position:relative;margin:2.3% 0 5%;font-size:clamp(40px,5.3cqw,70px)}.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr) .95fr;gap:8px;width:100%;height:26%;min-height:142px}.time-block,.exam-day{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;border-radius:15px;text-align:center}.time-block{border:1px solid #b7dfe2;background:#fff;box-shadow:0 12px 24px rgba(47,125,134,.08)}.time-block b{color:#8abec2;font-size:clamp(12px,1.3cqw,17px)}.time-block strong{color:#276d78;font-size:clamp(22px,2.6cqw,36px);letter-spacing:-.06em}.time-block small{color:#608a90;font-size:clamp(11px,1.2cqw,16px);font-weight:700}.time-block.buffer{border-style:dashed;background:#e6f4f4}.exam-day{background:#2c818b;color:#fff;box-shadow:0 12px 24px rgba(27,100,111,.2)}.exam-day span{font-size:clamp(12px,1.25cqw,17px);letter-spacing:.12em;font-weight:900}.exam-day strong{font-size:clamp(20px,2.5cqw,35px)}.scene-plan.is-active .time-block,.scene-plan.is-active .exam-day{animation:rise-in .55s both}.scene-plan.is-active .time-block:nth-child(2){animation-delay:.13s}.scene-plan.is-active .time-block:nth-child(3){animation-delay:.26s}.scene-plan.is-active .time-block:nth-child(4){animation-delay:.39s}.scene-plan.is-active .exam-day{animation-delay:.52s}

.scene-consultation{background:linear-gradient(130deg,#277887,#48aab7);color:#fff}.consult-photo{left:auto;width:62%;object-position:center}.consult-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,#277887 0%,#318b98 45%,rgba(33,100,110,.24) 100%)}.consult-card{position:relative;z-index:2;width:62%;height:100%;padding:5.5% 6%;display:flex;align-items:flex-start;flex-direction:column}.consult-logo{width:clamp(148px,19cqw,242px);height:auto;padding:7px 11px;border-radius:8px;background:#fff;mix-blend-mode:normal}.ad-label{margin:6% 0 1%;font-size:clamp(13px,1.5cqw,21px);font-weight:900;letter-spacing:.15em;color:#bbf6f0}.consult-card h2{font-size:clamp(44px,6cqw,80px);text-shadow:0 7px 22px rgba(13,77,87,.2)}.consult-card>p:not(.ad-label){margin:2% 0 4%;font-size:clamp(17px,2.05cqw,29px);font-weight:800;line-height:1.4}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 23px;border-radius:11px;text-decoration:none;font-size:clamp(17px,1.8cqw,25px);font-weight:900;line-height:1.2;box-shadow:0 12px 25px rgba(18,86,95,.2);transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-3px);box-shadow:0 18px 28px rgba(18,86,95,.25)}.consult-button{background:#fff;color:#287d87}.consult-button span{font-size:1.25em}.scene-consultation.is-active .consult-card{animation:rise-in .6s both}

.scene-practice{padding:5% 6%;background:radial-gradient(circle at 80% 15%,#cceced,transparent 34%),#f6fbfb}.scene-practice h2{margin:2.5% 0 5%;font-size:clamp(38px,5.1cqw,68px)}.practice-flow{display:flex;align-items:stretch;gap:7px;width:77%;height:28%;min-height:150px}.practice-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;padding:10px;border:1px solid #cae2e5;border-radius:15px;background:#fff;text-align:center;box-shadow:0 12px 23px rgba(39,111,119,.08)}.flow-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#d8f2f1;color:#2d8790;font-size:15px;font-weight:900}.practice-card strong{color:#286e78;font-size:clamp(17px,2cqw,27px);letter-spacing:-.05em}.practice-card small{color:#6f9297;font-size:clamp(11px,1.15cqw,16px);font-weight:700}.flow-arrow{display:grid;place-items:center;color:#42a7ae;font-size:clamp(24px,3cqw,42px);font-weight:900}.scene-practice.is-active .practice-card{animation:rise-in .55s both}.scene-practice.is-active .practice-card:nth-of-type(2){animation-delay:.22s}.scene-practice.is-active .practice-card:nth-of-type(3){animation-delay:.44s}

.scene-recap{background:linear-gradient(135deg,#e9f6f6,#f9fcfb)}.recap-content{position:relative;z-index:2;width:100%;height:100%;padding:5.6% 6%}.recap-content .stage-kicker{color:#388b93}.scene-recap h2{font-size:clamp(40px,5.5cqw,73px)}.recap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;width:76%;margin-top:4%}.recap-grid div{min-height:100px;padding:17px 20px;border:1px solid #c4e1e4;border-radius:13px;background:#fff;box-shadow:0 10px 20px rgba(38,118,127,.08)}.recap-grid b{display:block;margin-bottom:5px;color:#7cb8bf;font-size:clamp(13px,1.4cqw,19px)}.recap-grid strong{color:#296e77;font-size:clamp(20px,2.5cqw,34px)}.article-button{position:absolute;left:6%;bottom:8%;background:#2d828c;color:#fff;opacity:0;transform:translateY(20px);pointer-events:none}.scene-recap.show-cta .article-button{opacity:1;transform:none;pointer-events:auto;transition:opacity .4s ease,transform .4s ease,box-shadow .2s ease}.scene-recap.show-cta .article-button:hover{transform:translateY(-3px)}

.character-wrap{position:absolute;z-index:9;right:0;bottom:-3%;width:26%;height:81%;pointer-events:none;opacity:1;transition:opacity .3s ease,transform .4s ease;filter:drop-shadow(0 12px 16px rgba(18,66,71,.18))}.character-wrap iframe{display:block;width:100%;height:100%;border:0;background:transparent}.stage[data-scene="goal"] .character-wrap{right:0;width:24%;height:73%}.stage[data-scene="pattern"] .character-wrap,.stage[data-scene="plan"] .character-wrap,.stage[data-scene="consultation"] .character-wrap{opacity:0}.stage[data-scene="practice"] .character-wrap{right:-2%;width:25%;height:73%}.stage[data-scene="recap"] .character-wrap{right:0;width:22%;height:67%}.stage-progress{position:absolute;z-index:20;left:0;right:0;bottom:0;height:5px;background:rgba(33,115,124,.15);pointer-events:none}.stage-progress i{display:block;height:100%;width:0;background:#61c5c6;transition:width .1s linear}.big-play{position:absolute;z-index:21;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:125px;height:125px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(14,80,89,.86);color:#fff;box-shadow:0 20px 55px rgba(8,48,55,.4);cursor:pointer;transform:translate(-50%,-50%);backdrop-filter:blur(10px)}.big-play span{font-size:38px;line-height:1;margin-left:6px}.big-play small{font-size:14px;font-weight:900}.video-shell.is-started .big-play{display:none}.caption-line{display:grid;place-items:center;min-height:75px;padding:14px 24px;background:#20383e;color:#fff;text-align:center;font-size:clamp(15px,1.65vw,21px);font-weight:800;line-height:1.55;letter-spacing:-.025em}.controls{display:flex;align-items:center;gap:16px;min-height:65px;padding:10px 18px;border-bottom:1px solid #e5eff0}.controls button{padding:8px 10px;border:0;border-radius:7px;background:#edf7f7;color:#286e78;font-size:14px;font-weight:900;white-space:nowrap;cursor:pointer}.controls button:hover{background:#d9f0f0}.controls input{flex:1;min-width:0;accent-color:#3f9eaa;cursor:pointer}.time-display{color:#618087;font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.chapters{display:flex;flex-wrap:wrap;gap:7px;padding:10px 18px 14px}.chapters button{padding:6px 10px;border:1px solid #d7e9eb;border-radius:100px;background:#fff;color:#55777e;font-size:12px;font-weight:800;cursor:pointer}.chapters button[aria-current="true"]{border-color:#3f818b;background:#e7f5f5;color:#2e7d86}.chapters button:hover{border-color:#67b3b9}.article-summary{margin-top:65px;padding:32px;border:1px solid #d4e5e7;border-radius:15px;background:#fff;scroll-margin-top:30px}.article-summary h2{margin:0 0 24px;font-size:clamp(25px,2.3vw,32px)}.article-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.article-steps p{margin:0;padding:17px;border-radius:10px;background:#f1f9f9;color:#4d7178;line-height:1.7}.article-steps strong{color:#2e7d87}.source-link{display:inline-block;margin-top:22px;color:#2b7d88;font-weight:900;text-underline-offset:4px}
@keyframes photo-zoom{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes rise-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes bar-fill{to{width:var(--bar-target)}}
@media(max-width:520px){.site-bar{height:55px;padding:0 16px}.site-bar img{width:128px}.site-bar span{font-size:10px;max-width:45%;text-align:right}.page{width:100%;padding:25px 12px 60px}.page>h1{font-size:clamp(24px,6.8vw,34px);line-height:1.35}.desktop-break{display:none}.lead{font-size:13px;margin-bottom:17px}.video-shell{border-radius:14px}.stage{aspect-ratio:4/5}.scene h2{letter-spacing:-.055em}.section-top{gap:9px;font-size:11px}.step-badge{height:27px;padding:0 10px;font-size:11px}.scene-note{font-size:15px}.intro-copy{top:9%;left:7%;width:87%}.intro-copy h2{font-size:clamp(32px,8.6vw,45px)}.stage-kicker{font-size:11px;letter-spacing:.09em}.intro-sub{margin-top:14px;padding:8px 12px;font-size:12px}.intro-number{right:0;bottom:8%;font-size:260px}.intro-steps{left:7%;right:7%;bottom:6%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.intro-steps span{padding:7px 2px;text-align:center;font-size:12px}.stage[data-scene="intro"] .character-wrap{right:-6%;bottom:4%;width:45%;height:52%}.scene-goal{padding:9% 6%}.scene-goal h2{margin:7% 0 8%;font-size:36px}.goal-cards{width:100%;gap:8px}.goal-card{min-height:160px;padding:13px 11px;border-radius:12px}.goal-card .subject{padding:4px 9px;font-size:12px}.goal-card strong{font-size:57px}.goal-card .goal-word{font-size:31px}.goal-note{right:11px;top:17px;font-size:9px}.goal-bar{height:6px}.scene-goal .scene-note{left:6%;bottom:8%;font-size:14px}.stage[data-scene="goal"] .character-wrap{opacity:0}.pattern-photo-wrap{width:100%;opacity:.22}.pattern-photo-wrap::after{background:rgba(245,251,251,.75)}.pattern-copy{width:100%;padding:9% 6%}.scene-pattern h2{margin:8% 0;font-size:37px}.pattern-question{font-size:17px}.analysis-tags{gap:6px}.analysis-tags span{min-width:0;flex:1;padding:9px 4px;font-size:17px}.priority-arrow{max-width:100%;gap:7px;margin-top:23px;padding:12px 9px;font-size:12px;line-height:1.3}.priority-arrow b{font-size:20px}.scene-plan{padding:9% 6%}.scene-plan h2{margin:7% 0 8%;font-size:37px}.calendar-photo{width:75%;height:55%;opacity:.16}.timeline{grid-template-columns:repeat(2,1fr);height:auto;min-height:0;gap:7px}.time-block{height:70px;gap:0;border-radius:9px}.time-block b{font-size:10px}.time-block strong{font-size:19px}.time-block small{font-size:10px}.exam-day{grid-column:1/-1;height:55px;flex-direction:row;gap:9px;border-radius:9px}.exam-day span{font-size:11px}.exam-day strong{font-size:20px}.scene-plan .scene-note{left:6%;bottom:3%;font-size:14px}.consult-photo{width:100%;opacity:.26}.consult-photo-shade{background:rgba(31,111,122,.62)}.consult-card{width:100%;padding:8% 7%}.consult-logo{width:150px}.ad-label{margin:9% 0 5%;font-size:12px}.consult-card h2{font-size:clamp(37px,10vw,50px)}.consult-card>p:not(.ad-label){margin:5% 0 7%;font-size:18px}.button{padding:12px 15px;font-size:15px}.scene-practice{padding:9% 6%}.scene-practice h2{margin:7% 0 8%;font-size:34px}.practice-flow{width:100%;height:auto;display:grid;grid-template-columns:1fr;gap:4px}.practice-card{min-height:58px;padding:5px 10px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;justify-items:start;column-gap:9px;border-radius:9px}.flow-icon{grid-row:1/3;width:27px;height:27px;font-size:10px}.practice-card strong{font-size:16px;line-height:1.1}.practice-card small{font-size:10px}.flow-arrow{display:none}.scene-practice .scene-note{bottom:3%;font-size:14px}.stage[data-scene="practice"] .character-wrap{opacity:0}.recap-content{padding:9% 6%}.scene-recap h2{font-size:36px}.recap-grid{width:100%;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9%}.recap-grid div{min-height:70px;padding:9px 12px}.recap-grid b{font-size:11px}.recap-grid strong{font-size:19px}.article-button{left:6%;right:6%;bottom:7%;font-size:14px;padding:13px 8px}.stage[data-scene="recap"] .character-wrap{opacity:0}.big-play{width:104px;height:104px}.big-play span{font-size:30px}.caption-line{min-height:69px;padding:11px 12px;font-size:14px}.controls{gap:8px;padding:8px 10px;min-height:60px}.controls button{font-size:12px;padding:7px}.time-display{font-size:11px}.chapters{gap:5px;padding:9px 10px 12px}.chapters button{font-size:11px;padding:5px 8px}.article-summary{margin-top:42px;padding:20px}.article-steps{grid-template-columns:1fr}.article-steps p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
body.embed-mode{background:transparent}body.embed-mode .site-bar,body.embed-mode .page>.eyebrow,body.embed-mode .page>h1,body.embed-mode .page>.lead,body.embed-mode .article-summary{display:none}body.embed-mode .page{width:100%;margin:0;padding:0}body.embed-mode .video-shell{border:0;border-radius:0;box-shadow:none}
.video-shell.is-paused .scene *,.video-shell.is-paused .scene *::before,.video-shell.is-paused .scene *::after{animation-play-state:paused!important}
@media(max-width:520px){.intro-steps{right:57%;grid-template-columns:repeat(2,1fr);bottom:5%}.intro-steps span{font-size:11px}}
.goal-card{min-height:clamp(155px,17cqw,210px)}
@media(max-width:520px){.controls{display:grid;grid-template-columns:auto 1fr auto;gap:8px 10px;min-height:88px}.controls #playPause{grid-column:1;grid-row:1}.controls #timeDisplay{grid-column:2;grid-row:1;justify-self:end}.controls #restart{grid-column:3;grid-row:1}.controls #seek{grid-column:1/-1;grid-row:2;width:100%;margin:4px 0 6px}}
@media(max-width:520px){.controls{grid-template-columns:auto 1fr auto auto;gap:8px}.controls #sfxToggle{grid-column:3;grid-row:1}.controls #restart{grid-column:4;grid-row:1}.sfx-label{display:none}}
@media(max-width:520px){.goal-card{min-height:160px}}

/* Keep every element on the same design canvas, including the presenter and CTA. */
.stage-canvas{position:absolute;top:0;left:0;width:1200px;height:675px;transform-origin:top left;container-type:inline-size}
@media(max-width:520px){.stage-canvas{width:390px;height:487.5px}.intro-copy h2{font-size:38px}.consult-card h2{font-size:39px}}
.goal-card .goal-word{white-space:nowrap}
@media(max-width:520px){.goal-card .goal-word{font-size:26px}}
@media(max-width:520px){body:not(.embed-mode) .site-bar{height:46px}body:not(.embed-mode) .page{padding-top:12px}body:not(.embed-mode) .page>.eyebrow{display:none}body:not(.embed-mode) .page>h1{margin-bottom:6px;font-size:25px}body:not(.embed-mode) .page>.lead{margin-bottom:12px;font-size:12px;line-height:1.45}.chapters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:8px 10px}.chapters button{flex:0 0 auto}}
