.diagnostic-line{gap:7px;flex-wrap:wrap;align-items:stretch}.diagnostic-line span{min-width:76px;padding:10px 9px}.diagnostic-line b{font-size:14px}.diagnostic-line small{font-size:10px}.diagnostic-line i{font-size:18px;align-self:center}.diagnostic-line .accent{min-width:112px}.hero-board .pain-list small{font-size:11px;color:#aebbd2}
.missing-steps{margin-top:18px;padding:14px 16px;border-left:4px solid var(--orange);border-radius:10px;background:#fff9ef;color:#6b5a4b}.missing-steps b{display:block;font-size:14px}.missing-steps span{display:block;margin-top:5px;font-size:12px;line-height:1.6}
.tour-pointer{width:auto!important;height:auto!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 7px 10px rgba(20,36,63,.25));transition:left .48s cubic-bezier(.2,.8,.2,1),top .48s cubic-bezier(.2,.8,.2,1)}.tour-pointer .hand{position:static!important;display:block;font-size:38px;line-height:1;background:transparent!important;padding:0!important;border-radius:0!important;color:initial;transform:rotate(-20deg);transform-origin:50% 90%;animation:handFloat 1.1s ease-in-out infinite}.tour-pointer .label{position:absolute!important;left:28px!important;top:-12px!important;white-space:nowrap;background:var(--navy)!important;color:#fff!important;border-radius:9px!important;padding:6px 9px!important;font-size:11px!important;font-weight:800}.tour-focus{z-index:5;outline:4px solid rgba(49,94,232,.48)!important;outline-offset:7px;box-shadow:0 0 0 10px rgba(49,94,232,.10),0 16px 42px rgba(32,65,155,.16)!important}@keyframes handFloat{50%{transform:rotate(-20deg) translateY(-4px)}}
.lightbox-inner{width:min(1120px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:16px;position:relative;text-align:center}.lightbox-inner img{display:block;max-width:100%;max-height:72vh;margin:24px auto 8px;border-radius:10px}.lightbox-inner p{margin:8px auto 14px;color:var(--ink);font-weight:800}.lightbox-note{position:absolute;left:16px;top:16px;background:var(--navy);color:#fff;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800}.back-line{border:0;background:var(--blue);color:#fff;border-radius:10px;padding:9px 15px;font-weight:800;cursor:pointer}.lightbox>button{z-index:2}
.deep-link{display:inline-block;margin-top:10px;color:var(--blue);font-size:12px;font-weight:900;text-decoration:none}
.lightbox{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:28px;background:rgba(10,18,35,.84);backdrop-filter:blur(8px);overflow:auto}
.lightbox-close{position:fixed;top:18px;right:24px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:var(--navy);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.lightbox-inner{width:min(1120px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:16px;position:relative;text-align:center}
.lightbox-media{width:100%;max-height:78vh;display:grid;place-items:center}
.lightbox-media>img{display:block;width:auto;max-width:100%;max-height:78vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.35)}
.lightbox-annotated{position:relative;width:min(92vw,1200px);max-height:78vh;overflow:hidden;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.35);background:#f5f1ea}
.lightbox-annotated img{display:block;width:100%;height:auto!important;max-height:78vh;object-fit:contain!important}
.lightbox-annotated .exam-mark{font-size:clamp(9px,1.05vw,14px);padding:6px 8px;border-width:2px}
.lightbox-note{position:static!important;margin:0 auto 10px;background:var(--navy);color:#fff;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800;width:max-content}
.lightbox-inner>p{max-width:760px;margin:12px auto 14px;color:var(--ink);font-size:13px;line-height:1.6;text-align:center;font-weight:800}
.back-line{border:0;background:var(--blue);color:#fff;border-radius:10px;padding:9px 15px;font-weight:800;cursor:pointer}
.lightbox>button{z-index:2}
.media-card{cursor:zoom-in}
.mastery-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1160px;margin:30px auto 0;text-align:left}
.mastery-step{min-height:205px;padding:17px 15px;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(30,45,80,.05)}
.mastery-step:nth-child(2){border-top-color:var(--purple)}.mastery-step:nth-child(3){border-top-color:#168068}.mastery-step:nth-child(4){border-top-color:#d66a25}.mastery-step.accent{border-top-color:var(--orange);background:#fff8f2}
.mastery-step .step-no{display:block;color:#9ba8bf;font-size:11px;font-weight:900}.mastery-step b{display:block;margin:8px 0 9px;font-size:20px}.mastery-step strong{display:block;min-height:48px;font-size:13px;line-height:1.55}.mastery-step small{display:block;margin-top:14px;color:var(--muted);font-size:11px;line-height:1.45}
.mastery-note{display:flex;align-items:baseline;gap:10px;max-width:1160px;margin:16px auto 0;padding:13px 16px;border-left:4px solid var(--orange);border-radius:9px 13px 13px 9px;background:#fff9ef;text-align:left;color:#5d6473}.mastery-note b{white-space:nowrap;color:#c4662c;font-size:13px}.mastery-note span{font-size:12px;line-height:1.6}
.how-overview{display:block;background:linear-gradient(140deg,#fff,#eaf1ff)}.how-overview .chapter-number{margin-top:4px}.how-overview h2{margin-top:15px}.how-overview>.lead{max-width:760px;margin:0 auto;color:#52607a}.how-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1080px;margin:29px auto 0;text-align:left}.how-card{min-height:205px;padding:22px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 12px 32px rgba(30,45,80,.06)}.how-card span{font-size:12px;font-weight:900;color:var(--blue)}.how-card b{display:block;margin:10px 0 11px;font-size:21px}.how-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.how-card.purple span{color:var(--purple)}.how-card.orange span{color:#d66a25}.how-loop{display:flex;align-items:center;justify-content:center;gap:10px;max-width:900px;margin:24px auto 0;color:#315ee8;font-size:13px;font-weight:900}.how-loop span{padding:9px 13px;border:1px solid #d5e0fb;border-radius:10px;background:#fff}.how-loop i{font-style:normal;color:#9aa7bd;font-size:20px}
@media(max-width:1000px){.mastery-steps{grid-template-columns:repeat(3,1fr)}.how-cards{grid-template-columns:1fr}.how-loop{flex-wrap:wrap}}
@media(max-width:720px){.mastery-steps{grid-template-columns:1fr 1fr}.mastery-step{min-height:180px}.mastery-note{display:block}.mastery-note span{display:block;margin-top:5px}.how-loop{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.how-loop span{white-space:nowrap}}
@media(max-width:720px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-card:nth-child(1),.knowledge-card:nth-child(2){grid-column:span 1}.knowledge-card img,.knowledge-card:nth-child(1) img,.knowledge-card:nth-child(2) img{height:150px}.unit-match-note{display:block}.unit-match-note span{display:block;margin-top:5px}}
.language-bridge{max-width:980px;margin:18px auto 0;padding:12px 16px;border:1px dashed #b6c9f4;border-radius:12px;background:#f8faff;text-align:left;color:#5d6b83}.language-bridge b{margin-right:8px;color:#315ee8;font-size:12px}.language-bridge span{font-size:12px;line-height:1.6}
.how-pillars{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px auto 0}.how-pillars span{min-width:165px;padding:17px 18px;border:1px solid #d7e1f4;border-radius:15px;background:#fff;color:var(--ink);font-weight:900;box-shadow:0 10px 26px rgba(30,45,80,.05)}.how-pillars span:nth-of-type(2){border-color:#d9d0f8}.how-pillars span:nth-of-type(3){border-color:#f0d4bb}.how-pillars b{display:block;margin-bottom:5px;color:var(--blue);font-size:11px}.how-pillars span:nth-of-type(2) b{color:var(--purple)}.how-pillars span:nth-of-type(3) b{color:#d66a25}.how-pillars i{font-style:normal;color:#9aa7bd;font-size:22px}.how-overview-note{margin:20px auto 0;color:var(--muted);font-size:12px}
.mastery-bridge{display:flex;align-items:baseline;gap:10px;max-width:900px;margin:22px auto 0;padding:13px 16px;border-left:4px solid var(--blue);border-radius:9px 13px 13px 9px;background:#f7faff;text-align:left}.mastery-bridge b{white-space:nowrap;color:var(--blue);font-size:13px}.mastery-bridge span{color:#5d6473;font-size:12px;line-height:1.6}
.planning-panel{width:min(700px,48vw);margin-top:20px}.score-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px;border:1px solid #d8e1f0;border-radius:18px;background:#f7f9fd;box-shadow:0 14px 36px rgba(27,45,88,.09)}.score-guide-head{grid-column:1/-1;padding:2px 2px 5px}.score-guide-head b{display:block;font-size:15px}.score-guide-head small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.score-band{min-height:160px;padding:15px;border:1px solid #dce5f4;border-left:4px solid var(--blue);border-radius:12px;background:#fff;text-align:left}.score-band strong{display:inline-block;padding:5px 8px;border-radius:7px;background:#eaf1ff;color:#315ee8;font-size:12px}.score-band>b{display:block;margin:10px 0 6px;font-size:14px}.score-band span{display:block;color:#657089;font-size:11px;line-height:1.55}.score-band em{display:block;margin-top:10px;color:#315ee8;font-style:normal;font-size:10px;font-weight:900}.score-band.low{border-left-color:#5576a8}.score-band.low strong{background:#edf3ff;color:#476999}.score-band.mid{border-left-color:#7c60da}.score-band.mid strong{background:#f0edff;color:#7259d0}.score-band.upper{border-left-color:#d66a25}.score-band.upper strong{background:#fff1e8;color:#d66a25}.score-band.high{border-left-color:#168068}.score-band.high strong{background:#e8fbf5;color:#168068}.planning-proof{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:20px;padding:13px 14px;border:1px solid #d8e4fb;border-radius:12px;background:#f8faff;color:#5d6b83}.planning-proof b{width:100%;color:#315ee8;font-size:12px}.planning-proof span{padding:5px 7px;border-radius:7px;background:#fff;font-size:11px}.planning-proof i{font-style:normal;color:#9aa7bd}.planning-panel>.route-map{margin-top:14px}.planning-panel>.route-map div{min-height:90px;padding:12px 10px}.planning-panel>.route-map b{font-size:13px}.planning-panel>.route-map small{font-size:10px}
@media(max-width:1000px){.planning-panel{width:100%;max-width:none}.score-band{min-height:145px}}
@media(max-width:720px){.score-guide{grid-template-columns:1fr}.score-guide-head{grid-column:auto}.planning-proof{display:block}.planning-proof b{margin-bottom:7px}.planning-proof i{margin:0 4px}.planning-panel>.route-map{overflow:auto;flex-wrap:nowrap}.planning-panel>.route-map div{min-width:120px}}
.loop-note{max-width:900px;margin:20px auto 0;padding:13px 16px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.07);text-align:left}.loop-note b{display:block;color:#c2d6ff;font-size:13px}.loop-note span{display:block;margin-top:5px;color:#c5d0e5;font-size:12px;line-height:1.6}.teacher-actions{margin-top:18px;padding-top:14px;border-top:1px solid #f0dcc3}.teacher-actions b{display:block;color:#d16d28;font-size:13px}.teacher-actions span{display:block;margin-top:8px;color:#5c6476;font-size:12px;line-height:1.5}
.tour-caption{z-index:260}.interaction-demo-trigger{display:grid;gap:4px;width:min(900px,100%);margin:16px auto 0;padding:15px 18px;border:1px solid rgba(149,177,245,.5);border-radius:14px;background:linear-gradient(135deg,rgba(46,83,174,.28),rgba(78,113,208,.12));color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 28px rgba(7,17,44,.2);transition:transform .2s ease,border-color .2s ease}.interaction-demo-trigger:hover{transform:translateY(-2px);border-color:#9fbaff}.interaction-demo-trigger .interaction-demo-kicker{color:#b9ceff;font-size:11px;font-weight:900;letter-spacing:.04em}.interaction-demo-trigger>b{font-size:15px}.interaction-demo-trigger small{color:#d7e1ff;font-size:11px}.interaction-demo-trigger em{justify-self:end;margin-top:3px;color:#fff;font-style:normal;font-size:12px;font-weight:900}.interaction-lightbox-inner{width:min(1180px,95vw);height:min(92vh,860px);display:flex;flex-direction:column;overflow:hidden}.interaction-lightbox-inner iframe{display:block;flex:1;width:100%;min-height:0;border:0;border-radius:12px;background:#f7f9fd;box-shadow:inset 0 0 0 1px #e2e8f4}.interaction-lightbox-inner>p{flex:none;margin:10px auto 8px}.interaction-lightbox-inner .back-line{flex:none;align-self:center}
.what-unit-scene{background:linear-gradient(140deg,#fff,#eaf1ff)}.what-unit-scene>.lead{max-width:820px;margin:0 auto;color:#52607a}.what-unit-scene .content-path{max-width:1160px;margin-top:32px}.unit-match-note{display:flex;align-items:baseline;gap:10px;max-width:900px;margin:22px auto 0;padding:13px 16px;border-left:4px solid var(--blue);border-radius:9px 13px 13px 9px;background:#f7faff;text-align:left;color:#5d6473}.unit-match-note b{white-space:nowrap;color:var(--blue);font-size:13px}.unit-match-note span{font-size:12px;line-height:1.6}.knowledge-point-scene{display:block;background:#f8faff}.knowledge-intro{max-width:1120px;margin:0 auto;text-align:center}.knowledge-intro .chapter-kicker{margin-top:0}.knowledge-intro h2{margin-top:16px}.knowledge-intro>.lead{max-width:820px;margin:0 auto;color:#52607a}.knowledge-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin:25px auto 0;overflow:auto}.knowledge-flow span{white-space:nowrap;padding:10px 13px;border:1px solid #d6e1f7;border-radius:11px;background:#fff;color:#315ee8;font-size:12px;font-weight:900}.knowledge-flow i{font-style:normal;color:#9aa7bd;font-size:20px}.knowledge-evidence{max-width:1180px;margin:26px auto 0}.knowledge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.knowledge-card{display:block;width:100%;padding:8px;border:1px solid #dfe6f2;border-radius:14px;background:#fff;text-align:left;cursor:zoom-in;box-shadow:0 10px 28px rgba(30,45,80,.05)}.knowledge-card:nth-child(1){grid-column:span 2}.knowledge-card:nth-child(2){grid-column:span 2}.knowledge-card img{display:block;width:100%;height:145px;object-fit:contain;border-radius:9px;background:#f1f4fa}.knowledge-card:nth-child(1) img,.knowledge-card:nth-child(2) img{height:175px}.knowledge-card span{display:block;margin:8px 4px 3px;color:#4e5d77;font-size:11px;line-height:1.45;font-weight:800}.knowledge-card:hover{border-color:#9db8f5;box-shadow:0 14px 34px rgba(49,94,232,.13)}.knowledge-point-scene .evidence-caption{margin-top:17px;color:#657089;text-align:center;font-size:12px;line-height:1.6}.knowledge-point-scene .lightbox-inner>p{font-weight:800}
.what-unit-scene{background:radial-gradient(circle at 86% 20%,rgba(122,96,218,.14),transparent 29%),radial-gradient(circle at 14% 82%,rgba(49,94,232,.12),transparent 33%),linear-gradient(135deg,#fbfdff,#edf3ff)}
.what-unit-scene .what-unit-title{margin-bottom:12px}
.unit-pyramid-shell{position:relative;max-width:1180px;margin:24px auto 0;padding:18px 116px 20px 88px;border:1px solid rgba(151,174,224,.45);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(239,245,255,.75));box-shadow:0 22px 65px rgba(40,70,137,.14),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden}
.unit-pyramid-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(89,122,189,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(89,122,189,.06) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 98%)}
.unit-architecture-head{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;max-width:980px;margin:0 auto 16px;padding:0 2px 12px;border-bottom:1px solid rgba(137,160,207,.28);text-align:left}.unit-architecture-head>div:first-child span{display:block;color:#7b8cad;font:900 9px/1.2 Arial,sans-serif;letter-spacing:.16em}.unit-architecture-head>div:first-child b{display:block;margin-top:6px;color:#233b6b;font-size:14px;letter-spacing:.02em}.unit-architecture-stat{display:flex;align-items:center;gap:7px;color:#8190ac;font-size:10px;white-space:nowrap}.unit-architecture-stat i{font-style:normal;color:#bec9de}.unit-architecture-stat strong{padding:5px 8px;border:1px solid #bad0fb;border-radius:999px;background:#f4f8ff;color:#315ee8;font-size:10px}
.unit-pyramid{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:900px;margin:0 auto;padding:8px 0 4px}
.unit-pyramid:before{content:"";position:absolute;z-index:-1;inset:0 4%;background:linear-gradient(180deg,rgba(83,120,221,.18),rgba(83,120,221,.02) 72%);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.72}
.unit-pyramid:after{content:"";position:absolute;z-index:-1;top:8px;bottom:5px;left:50%;width:1px;background:linear-gradient(180deg,rgba(96,126,206,.42),rgba(96,126,206,.05));transform:translateX(-50%)}
.unit-tier{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:10px 30px;border:1px solid rgba(140,162,207,.72);background:rgba(255,255,255,.97);box-shadow:0 8px 18px rgba(42,67,118,.09);text-align:left;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.unit-tier:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 14px 25px rgba(42,67,118,.16)}
.unit-tier:before{content:"";position:absolute;left:4%;top:0;bottom:0;width:5px;background:var(--tier-color,var(--blue));opacity:.92}
.unit-tier-index{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--tier-soft,#eaf1ff);color:var(--tier-color,var(--blue));font:900 10px/1 Arial,sans-serif;letter-spacing:.04em}
.unit-tier b{display:block;color:var(--ink);font-size:15px;letter-spacing:.01em}.unit-tier b small{margin-left:5px;color:#8b6dd9;font-size:9px;font-weight:900}.unit-tier div>small{display:block;margin-top:3px;color:#6b7790;font-size:10px;line-height:1.35}.unit-tier em{white-space:nowrap;color:var(--tier-color,var(--blue));font-size:10px;font-style:normal;font-weight:900}
.tier-exam{--tier-color:#1b8069;--tier-soft:#e5f8f2;width:56%}.tier-rule{--tier-color:#7c60da;--tier-soft:#f0ebff;width:64%;border-style:dashed;background:rgba(250,248,255,.96)}.tier-call{--tier-color:#315ee8;--tier-soft:#eaf1ff;width:72%}.tier-function{--tier-color:#d66a25;--tier-soft:#fff0e5;width:80%}.tier-text{--tier-color:#d25f90;--tier-soft:#ffedf5;width:88%}.tier-sentence{--tier-color:#536edb;--tier-soft:#edf2ff;width:94%}.tier-word{--tier-color:#466993;--tier-soft:#edf3fb;width:100%;background:linear-gradient(100deg,#fff,#f4f8ff)}
.unit-tier-arrow{height:22px;display:flex;align-items:center;justify-content:center;gap:8px;color:#6077b6;font-size:17px;font-weight:900;line-height:1}.unit-tier-arrow span{color:#7886a2;font-size:10px;font-weight:800;letter-spacing:.02em}
.unit-pyramid-label{position:absolute;z-index:2;left:24px;top:50%;display:flex;flex-direction:column;align-items:center;gap:7px;transform:translateY(-50%);color:#7a89a6;text-align:center}.unit-pyramid-label span{padding:5px 7px;border:1px solid #d3def3;border-radius:7px;background:rgba(255,255,255,.8);font-size:10px;font-weight:900;writing-mode:vertical-rl;letter-spacing:.12em}.unit-pyramid-label i{font-style:normal;color:var(--blue);font-size:17px}.unit-pyramid-label small{font-size:9px;writing-mode:vertical-rl;letter-spacing:.08em}
.unit-pyramid-side{position:absolute;z-index:2;right:20px;top:50%;display:grid;gap:4px;width:78px;transform:translateY(-50%);color:#71809d;text-align:center}.unit-pyramid-side b{color:#315ee8;font-size:11px;line-height:1.35}.unit-pyramid-side span,.unit-pyramid-side small{font-size:9px;line-height:1.45}.unit-pyramid-side i{color:#315ee8;font-size:24px;font-style:normal;line-height:1}
.what-unit-scene .unit-match-note{position:relative;z-index:2;max-width:920px;margin-top:17px;background:rgba(248,251,255,.9)}
@media(max-width:900px){.unit-pyramid-shell{padding-left:70px;padding-right:30px}.unit-architecture-head{align-items:flex-start;flex-direction:column;gap:9px}.unit-architecture-stat{flex-wrap:wrap}.unit-pyramid-side{display:none}.unit-tier{grid-template-columns:30px minmax(0,1fr);gap:9px;padding-left:20px;padding-right:20px}.unit-tier em{grid-column:2;white-space:normal;margin-top:1px;font-size:9px}.tier-exam,.tier-rule,.tier-call,.tier-function,.tier-text,.tier-sentence,.tier-word{width:100%}}
@media(max-width:720px){.unit-pyramid-shell{margin-top:18px;padding:14px 10px 16px;border-radius:20px}.unit-pyramid-label{display:none}.unit-tier{min-height:62px;padding:9px 11px}.unit-tier b{font-size:13px}.unit-tier div>small{font-size:9px}.unit-tier-arrow{height:23px;font-size:16px}.unit-tier-arrow span{font-size:8px}.what-unit-scene .unit-match-note{display:block}.what-unit-scene .unit-match-note span{display:block;margin-top:5px}}
@media(max-width:720px){.how-pillars{overflow:auto;justify-content:flex-start}.how-pillars span{min-width:140px}.how-pillars i{display:none}.mastery-bridge{display:block}.mastery-bridge span{display:block;margin-top:5px}}
.knowledge-card:nth-child(9){grid-column:span 2}
@media(max-width:720px){.knowledge-card:nth-child(9){grid-column:span 1}}
.knowledge-overview-card{max-width:1180px;margin:28px auto 0;padding:12px;border-color:#cddbf3;text-align:left;cursor:zoom-in;box-shadow:0 16px 42px rgba(30,45,80,.09)}.knowledge-overview-card>img{display:block;width:100%;height:520px!important;object-fit:contain!important;border-radius:10px;background:#f7fafc}.knowledge-overview-card span{margin:10px 6px 2px;color:#315ee8;font-size:13px}.knowledge-takeaway{display:flex;align-items:baseline;gap:10px;max-width:980px;margin:18px auto 0;padding:14px 16px;border-left:4px solid #d66a25;border-radius:9px 13px 13px 9px;background:#fff8f1;text-align:left}.knowledge-takeaway b{white-space:nowrap;color:#c4662c;font-size:13px}.knowledge-takeaway span{color:#5d6473;font-size:12px;line-height:1.65}
.knowledge-overview-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border-radius:10px;background:#f7fafc;max-height:610px;overflow:auto}.overview-stage{min-width:0;padding:10px;border:1px solid #dce6f4;border-radius:12px;background:#fff}.overview-stage header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;padding:8px 10px;border-radius:8px;background:#edf3ff;color:#315ee8}.overview-stage:nth-child(2) header{background:#eaf8f2;color:#168068}.overview-stage:nth-child(3) header{background:#fff2e8;color:#d66a25}.overview-stage header b{font-size:12px}.overview-stage header small{font-size:10px;font-weight:900}.overview-tiles{display:grid;gap:7px}.overview-tile{position:relative;margin:0;padding:4px;border:1px solid #e2e8f1;border-radius:8px;background:#fff}.overview-tile img{display:block;width:100%;height:86px!important;object-fit:contain!important;border-radius:5px;background:#f3f6fa}.overview-tile figcaption{position:absolute;right:6px;bottom:5px;min-width:17px;padding:2px 4px;border-radius:5px;background:rgba(23,48,77,.82);color:#fff;text-align:center;font:800 9px/1 Arial,sans-serif}.lightbox-overview-sheet{width:min(1120px,92vw);max-height:78vh;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border-radius:12px;background:#f7fafc}.lightbox-overview-sheet .overview-stage{padding:10px}.lightbox-overview-sheet .overview-tile img{height:120px!important}
@media(max-width:720px){.knowledge-overview-card>img{height:300px!important}.knowledge-takeaway{display:block}.knowledge-takeaway span{display:block;margin-top:5px}}
.milestone-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1180px;margin:30px auto 0;text-align:left}.milestone-scenario{min-height:330px;padding:18px;border:1px solid #dfe6f1;border-top:5px solid #5576a8;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(30,45,80,.06)}.milestone-scenario.sync{border-top-color:#168068}.milestone-scenario.sprint{border-top-color:#d66a25}.milestone-scenario-head{display:grid;grid-template-columns:30px 1fr;column-gap:9px;align-items:center}.milestone-scenario-head>span{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf3ff;color:#5576a8;font-size:11px;font-weight:900}.milestone-scenario.sync .milestone-scenario-head>span{background:#e8fbf5;color:#168068}.milestone-scenario.sprint .milestone-scenario-head>span{background:#fff1e8;color:#d66a25}.milestone-scenario-head b{font-size:19px}.milestone-scenario-head small{color:#738098;font-size:11px}.milestone-time{margin:20px 0 10px;padding:10px 11px;border-radius:9px;background:#f7f9fd;color:#52617a;font-size:12px}.milestone-time strong{color:#315ee8;font-size:15px}.milestone-scenario.sync .milestone-time strong{color:#168068}.milestone-scenario.sprint .milestone-time strong{color:#d66a25}.milestone-scenario p{min-height:62px;margin:0;color:#5d687d;font-size:12px;line-height:1.65}.milestone-track{display:flex;align-items:center;gap:5px;margin-top:16px;overflow:auto}.milestone-track span{white-space:nowrap;padding:6px 7px;border:1px solid #dbe5f5;border-radius:7px;background:#fff;color:#315ee8;font-size:10px;font-weight:900}.milestone-track i{font-style:normal;color:#a4aec0;font-size:13px}.milestone-scenario em{display:block;margin-top:15px;padding-top:12px;border-top:1px solid #edf0f5;color:#5d687d;font-size:11px;line-height:1.55;font-style:normal}.milestone-principle,.milestone-debt-note{display:flex;align-items:baseline;gap:10px;max-width:920px;margin:20px auto 0;padding:13px 16px;border-left:4px solid #315ee8;border-radius:9px 13px 13px 9px;background:#f7faff;text-align:left}.milestone-principle b,.milestone-debt-note b{white-space:nowrap;color:#315ee8;font-size:13px}.milestone-principle span,.milestone-debt-note span{color:#5d6473;font-size:12px;line-height:1.6}.milestone-debt-note{max-width:1080px;margin-top:18px;border-left-color:#d66a25;background:#fff9f1}.milestone-debt-note b{color:#c4662c}.milestone-scenarios+.milestone-debt-note{margin-left:auto;margin-right:auto}.milestone-scenarios~.evidence-box{max-width:1080px}
@media(max-width:1000px){.milestone-scenarios{grid-template-columns:1fr}.milestone-scenario{min-height:0}.milestone-scenario p{min-height:0}}
@media(max-width:720px){.milestone-principle,.milestone-debt-note{display:block}.milestone-principle span,.milestone-debt-note span{display:block;margin-top:5px}}
.outline-scene{display:block;background:radial-gradient(circle at 88% 12%,rgba(49,94,232,.14),transparent 30%),linear-gradient(135deg,#fff,#f2f6ff);padding-top:100px;padding-bottom:66px}.outline-header{max-width:1180px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;text-align:left}.outline-header h2{margin-bottom:12px}.outline-header .lead{max-width:680px;margin:0}.outline-header-stat{display:grid;gap:4px;min-width:200px;padding:18px 20px;border:1px solid #dbe5f5;border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 10px 28px rgba(36,65,124,.08);text-align:left}.outline-header-stat b{font-size:25px;color:var(--blue)}.outline-header-stat span{font-size:12px;color:#697793}.outline-header-stat i{font-size:11px;color:#9aa7bd;font-style:normal;margin-top:5px}.outline-version-tabs{display:flex;gap:8px;max-width:1180px;margin:28px auto 14px;text-align:left}.outline-version-tabs button{border:1px solid #d5e0f3;background:#fff;color:#63718c;border-radius:10px;padding:10px 18px;font-weight:900;cursor:pointer}.outline-version-tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(23,36,61,.15)}.outline-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-width:1180px;margin:0 auto;text-align:left}.outline-book-card{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:15px 16px;border:1px solid #dfe6f2;border-radius:15px;background:rgba(255,255,255,.86);color:var(--ink);text-align:left;cursor:pointer;transition:.18s;box-shadow:0 8px 22px rgba(37,65,122,.05)}.outline-book-card:hover,.outline-book-card.active{border-color:#8eaef5;transform:translateY(-2px);box-shadow:0 12px 28px rgba(49,94,232,.14)}.outline-book-card>span{grid-column:1/-1;color:#7a88a2;font-size:10px;font-weight:900}.outline-book-card>b{font-size:22px;line-height:1.1}.outline-book-card>small{align-self:center;color:#7b879c;font-size:11px}.outline-book-card>em{color:#52617a;font-size:11px;font-style:normal}.outline-book-card>strong{color:var(--blue);font-size:12px;text-align:right}.outline-detail{max-width:1180px;margin:18px auto 0;padding:20px 22px;border:1px solid #dce5f4;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 16px 38px rgba(37,65,122,.08);text-align:left}.outline-detail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.outline-detail-head span{display:block;color:#7a88a2;font-size:11px;font-weight:900}.outline-detail-head b{display:block;margin-top:4px;font-size:20px}.outline-detail-head strong{color:var(--blue);font-size:13px;white-space:nowrap}.outline-content-strip{display:flex;align-items:center;gap:8px;margin:17px 0 15px;overflow:auto}.outline-content-strip span{white-space:nowrap;padding:7px 10px;border-radius:8px;background:#edf3ff;color:#315ee8;font-size:11px;font-weight:900}.outline-content-strip i{font-style:normal;color:#9eabc0}.outline-units{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.outline-units span{display:block;min-height:45px;padding:9px 10px;border:1px solid #e5eaf3;border-radius:9px;background:#fbfcff;color:#5c6980;font-size:11px;line-height:1.45}.outline-units b{display:block;color:#315ee8;font-size:10px;margin-bottom:2px}.outline-footnote{max-width:1180px;margin:14px auto 0;color:#7b879c;font-size:11px;line-height:1.6;text-align:left}@media(max-width:1000px){.outline-header{align-items:flex-start;flex-direction:column}.outline-header-stat{min-width:0}.outline-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outline-units{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.outline-scene{padding-top:86px}.outline-version-tabs{overflow:auto}.outline-version-tabs button{white-space:nowrap}.outline-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.outline-book-card{padding:12px 11px}.outline-book-card>b{font-size:19px}.outline-detail{padding:16px 13px}.outline-detail-head{display:block}.outline-detail-head strong{display:block;margin-top:8px}.outline-units{grid-template-columns:1fr}}
.milestone-results{margin:68px auto -4px;width:min(1180px,100%);min-height:680px;padding:48px 40px;border-radius:26px;background:var(--navy);color:#fff;text-align:left;box-shadow:0 24px 70px rgba(23,36,61,.18)}
.milestone-results.result-scene{grid-template-columns:minmax(285px,.78fr) minmax(500px,1.22fr);align-items:center;gap:34px;padding-top:48px;padding-bottom:48px}
.milestone-results .chapter-kicker{background:rgba(255,255,255,.1);color:#a9c5ff}
.milestone-results h2{font-weight:950;letter-spacing:-.05em;line-height:1.1;margin:18px 0;font-size:clamp(38px,4.4vw,60px)}
.milestone-results .lead{font-size:18px;line-height:1.7;color:#c5d0e5}
.milestone-results .result-copy{max-width:520px}
@media(max-width:1100px){.milestone-results.result-scene{grid-template-columns:1fr;align-items:start}.milestone-results .result-copy{max-width:720px}}
@media(max-width:720px){.milestone-results{margin-top:48px;padding:34px 20px;min-height:0}.milestone-results.result-scene{display:block;padding-top:34px;padding-bottom:34px}.milestone-results .result-evidence{margin-top:26px}}
.result-swipe-hint{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 4px 2px;color:#a9c5ff;font-size:11px;letter-spacing:.02em}.result-swipe-hint span{margin-right:auto;color:#7189b7;font-size:10px}.result-swipe-hint b{font-size:12px;color:#dce8ff}.result-swipe-hint i{font-style:normal;color:#8fb1ff;font-size:15px;letter-spacing:-.1em;animation:resultSwipeHint 1.5s ease-in-out infinite}@keyframes resultSwipeHint{50%{transform:translateX(5px);opacity:.62}}
.result-carousel{display:flex!important;grid-template-columns:none!important;gap:0!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:14px 10px 22px 8px;scrollbar-width:thin}.result-carousel .result-card{flex:0 0 218px;scroll-snap-align:center;margin-right:-28px;position:relative}.result-carousel .result-card:nth-child(3n+1){z-index:3}.result-carousel .result-card:nth-child(3n+2){z-index:2;transform:translateY(10px)}.result-carousel .result-card:nth-child(3n){z-index:1;transform:translateY(18px)}.result-carousel .result-card:hover{z-index:8;transform:translateY(-5px)}.result-carousel .result-card img{height:220px}.result-combo-note{margin-top:16px;padding:16px 18px;border:1px solid rgba(162,191,255,.28);border-radius:14px;background:rgba(255,255,255,.07);color:#dbe6fa;text-align:left}.result-combo-note b{display:block;color:#a9c5ff;font-size:13px}.result-combo-note span{display:block;margin-top:6px;font-size:12px;line-height:1.7}.result-combo-note strong{color:#fff}.result-combo-note a{display:inline-block;margin-top:8px;color:#b9d0ff;font-size:12px;font-weight:900;text-decoration:none}.result-combo-note a:hover{text-decoration:underline}@media(max-width:720px){.result-swipe-hint{margin-top:2px}.result-carousel{padding-left:4px}.result-carousel .result-card{flex-basis:190px;margin-right:-18px}.result-carousel .result-card img{height:200px}.result-combo-note{margin-top:12px}}
.teacher-report{margin-top:18px;padding-top:14px;border-top:1px solid #f0dcc3}.teacher-report>b{display:block;color:#d16d28;font-size:13px}.teacher-report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.teacher-report-grid .media-card{display:block;width:100%;padding:7px;border:1px solid #ecd9c4;border-radius:10px;background:#fff;text-align:left}.teacher-report-grid img{display:block;width:100%;height:82px;object-fit:cover;border-radius:7px}.teacher-report-grid span{display:block;margin-top:6px;color:#5c6476;font-size:10px;line-height:1.4}@media(max-width:720px){.teacher-report-grid{grid-template-columns:1fr}}
.outline-book-card>mark{align-self:center;justify-self:end;padding:3px 6px;border-radius:6px;background:#e8fbf5;color:#168068;font-size:10px;font-weight:900}.outline-book-card>strong{font-size:11px}
.outline-embed-shell{width:min(1400px,100%);margin:0 auto;text-align:left}.outline-embed-frame{height:auto;max-height:none;min-height:0;overflow:visible;overscroll-behavior:auto;border:1px solid #dce5ec;border-radius:18px;background:#f6f8fb;box-shadow:0 18px 50px rgba(36,65,124,.12)}.outline-embed-frame iframe{display:block;width:100%;height:1px;border:0}@media(max-width:720px){.outline-embed-frame{max-height:none;border-radius:14px}.outline-embed-frame iframe{height:1px;width:100%}}

/* Keep the results as a full scene rather than a nested milestone panel. */
#milestone-results.standalone-results{display:grid;margin:0;min-height:100vh;width:100%;padding:100px max(5vw,32px) 64px;border-radius:0;scroll-margin-top:70px;scroll-snap-align:start}
@media(max-width:720px){#milestone-results.standalone-results{display:block;padding:90px 20px 44px;min-height:100vh}}