@charset "UTF-8";
:root{--ink:#202249;--blue:#3445ef;--red:#ed5b42;--paper:#faf8ee;--line:rgba(32,34,73,.18);--muted:#62647a;--yellow:#f5ef80;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #ed5b42;outline-offset:5px}button{border:0;background:none}a{color:inherit}h1,h2,h3,p,figure,blockquote{margin:0}em{font-style:normal;color:var(--blue)}button:disabled{opacity:.3;cursor:default}[hidden]{display:none!important}.topbar{height:70px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 3.8vw;background:rgba(250,248,238,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{font-size:16px;letter-spacing:.07em;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:10px}.brand-mark{font-size:34px;color:var(--blue);line-height:1}.chapter-label{font-size:14px;letter-spacing:.18em}.top-actions{display:flex;gap:20px}.top-actions button{padding:12px 0;font-size:14px}.slide{min-height:100svh;padding:70px 0 58px;position:relative;overflow:hidden}.slide-inner{position:relative;z-index:1;width:100%;min-height:calc(100svh - 128px);padding:32px 5.3vw 24px;display:flex;flex-direction:column;justify-content:center;gap:22px}.page-head{position:relative;z-index:2;flex-shrink:0}.eyebrow{font-size:14px;font-weight:600;letter-spacing:.14em;margin-bottom:13px;display:flex;gap:12px;align-items:center}.eyebrow:before{content:"";width:23px;height:3px;background:currentColor}h2{font-size:clamp(35px,3.75vw,59px);letter-spacing:-.04em;line-height:1.2;font-weight:850}h3{font-size:23px;line-height:1.4;letter-spacing:-.025em}.lead{font-size:18px;line-height:1.6;margin-top:12px}.body-copy{font-size:21px;line-height:1.8}.fine{font-size:13px;line-height:1.65;color:var(--muted);position:relative;z-index:2}.solid,.outline{padding:13px 21px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:16px;border-radius:3px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.solid{background:var(--blue);color:#fff;box-shadow:4px 4px 0 rgba(52,69,239,.15)}.outline{border:1px solid currentColor;background:transparent}.solid:hover,.outline:hover{transform:translateY(-3px)}.solid span{font-size:25px}.text-button{text-align:left;border-bottom:1px solid currentColor;padding:7px 0;font-size:15px}.quote{font-size:clamp(21px,2.2vw,32px);font-weight:750;letter-spacing:-.03em;position:relative;z-index:2}.quote:before{content:"↳";color:var(--red);margin-right:17px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:58px;background:rgba(250,248,238,.96);display:flex;align-items:center;justify-content:space-between;padding:0 3.8vw;z-index:20;font-size:13px;border-top:1px solid var(--line)}.bottom-nav>div{display:flex;align-items:center;gap:24px}.bottom-nav button{font-size:26px;padding:5px 15px}.progress{position:fixed;bottom:0;left:0;right:0;height:3px;z-index:25}.progress i{display:block;height:100%;background:var(--blue);transition:width .5s}.theme-blue{background:#3047de;color:#fff}.theme-blue em{color:#f5ef80}.theme-blue .fine{color:#d5dcff}.theme-blue .solid{background:var(--yellow);color:var(--ink);box-shadow:4px 4px 0 #192ba0}.theme-blue .quote:before{color:var(--yellow)}.theme-pink{background:#f8e2de}.theme-lime{background:#f1f2cb}.theme-paper{background:var(--paper)}.theme-paper:before,.theme-pink:before,.theme-lime:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#3445ef15 .8px,transparent .8px);background-size:18px 18px;mask-image:linear-gradient(90deg,transparent 40%,#000)}.drawing{position:absolute;right:-50px;top:15px;width:170px;height:125px;overflow:hidden;mix-blend-mode:multiply;transform:rotate(7deg);pointer-events:none;opacity:.95;z-index:-1}.drawing img{height:210px;width:315px;max-width:none;object-fit:cover}.drawing.left img{transform:translate(0,-80px)}.drawing.middle img{transform:translate(-76px,-9px)}.drawing.right img{transform:translate(-150px,-83px)}.theme-blue .drawing{mix-blend-mode:normal;border-radius:47% 51% 43% 49%;right:30px;width:135px;height:130px;transform:rotate(-12deg)}.theme-blue .drawing img{mix-blend-mode:normal}.theme-hero .slide-inner{padding-top:30px;display:block;min-height:calc(100svh - 128px)}.hero-copy{position:relative;z-index:3;width:56%;padding-top:3vh;pointer-events:none}.hero-copy button{pointer-events:auto;margin-top:27px}.hero-copy h1{font-size:clamp(48px,5.7vw,92px);line-height:1.15;font-weight:900;letter-spacing:-.065em}.hero-copy .stroke{color:var(--blue);display:inline-block;position:relative}.stroke:after{content:"";position:absolute;left:-4%;right:-2%;height:10px;bottom:-3px;background:var(--yellow);z-index:-1;transform:rotate(-2deg)}.dot{color:var(--red)}.hero-sub{font-size:20px;line-height:1.7;margin-top:24px}.hero-world{position:absolute;right:-3%;top:0;width:63%;height:95%;isolation:isolate}#thinkingField{position:absolute;inset:-7% 0 0;width:100%;height:100%;z-index:0;opacity:.95}.hero-drawing{position:absolute;width:95%;right:-5%;bottom:1%;mix-blend-mode:multiply;transform:rotate(-5deg);z-index:1;mask-image:linear-gradient(0deg,#000 0%,#000 88%,transparent)}.world-label{position:absolute;padding:10px 16px;border:1px solid #3445ef55;background:#faf8eeec;color:#3445ef;font-size:14px;z-index:3;border-radius:3px;box-shadow:6px 6px 0 #3445ef14}.world-label.one{left:13%;top:15%;transform:rotate(-8deg)}.world-label.two{right:10%;top:30%;transform:rotate(8deg)}.world-label.three{right:20%;bottom:7%;transform:rotate(-3deg)}.orbit-label{position:absolute;top:15%;right:-20px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.22em;color:var(--blue)}.hero-line{position:absolute;bottom:14px;left:5.3vw;width:89.4vw;display:flex;justify-content:space-between;font-size:13px;letter-spacing:.12em;border-top:1px solid var(--line);padding-top:15px}.hero-line b{color:var(--blue)}.survey-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:5vw;align-items:center}.survey-chart-wrap{min-width:0}#surveyChart{width:100%;height:310px}.survey-quote{border-left:1px solid var(--line);padding-left:40px;min-height:310px}.survey-quote>span{font-size:17px;color:var(--red)}.survey-quote strong{display:block;font-size:99px;line-height:1.1;font-family:Arial,sans-serif;letter-spacing:-.09em}.survey-quote strong span{font-size:30px;letter-spacing:-.06em;color:var(--muted);margin-left:6px}.survey-quote blockquote{font-size:22px;line-height:1.55;margin:12px 0}.survey-quote p{font-size:17px;line-height:1.6;margin-bottom:8px}.learning-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}.learning-note>p{font-size:24px;line-height:1.65;margin-bottom:23px}.learning-note>p+p{font-size:18px}.ability{display:flex;gap:12px;flex-wrap:wrap}.ability span{border:1px solid #ffffff66;padding:10px 14px;font-size:16px}.growth svg{width:100%;overflow:visible}.growth path{fill:none;stroke:#f5ef80;stroke-width:6;stroke-linecap:round}.growth circle{fill:#f5ef80}.growth text{fill:#fff;font-size:22px}.growth small{font-size:12px;opacity:.65}.method-stage{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:center}.method-wheel{position:relative;width:min(355px,28vw);aspect-ratio:1;margin:auto}.method-wheel svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.method-wheel svg circle{fill:none;stroke:#3445ef55;stroke-width:2;stroke-dasharray:4 8}.method-wheel svg path{fill:none;stroke:var(--red);stroke-width:4}.method-wheel>button{position:absolute;width:85px;height:85px;border-radius:50%;border:1px solid var(--blue);background:var(--paper);font-size:40px;color:var(--blue);transition:.3s}.method-wheel>button.selected{background:var(--blue);color:white;box-shadow:6px 6px 0 var(--yellow)}.method-wheel>button:nth-of-type(1){left:calc(50% - 42px);top:-20px}.method-wheel>button:nth-of-type(2){right:-22px;top:calc(50% - 42px)}.method-wheel>button:nth-of-type(3){left:calc(50% - 42px);bottom:-20px}.method-wheel>button:nth-of-type(4){left:-22px;top:calc(50% - 42px)}.method-wheel>span{position:absolute;inset:34% 14%;text-align:center;font-size:18px;line-height:1.8;pointer-events:none}.method-detail>span{font-size:14px;color:var(--blue);letter-spacing:.1em}.method-detail h3{font-size:30px;margin:15px 0}.method-detail p{font-size:21px;line-height:1.7}.method-detail blockquote{font-size:20px;line-height:1.7;margin-top:23px;padding:20px 0 20px 25px;border-left:5px solid var(--red)}.tool-grid,.two-col,.writing-layout,.ppt-layout,.diagram-layout,.video-boundary,.capture-layout,.edit-layout,.knowledge-layout,.skill-layout{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;position:relative;z-index:1}.class-loop{display:flex;flex-wrap:wrap;gap:13px;font-size:17px;align-items:center}.class-loop b{color:var(--blue);font-size:24px}.route-list{list-style:none;padding:0;margin:20px 0;font-size:22px}.route-list li{padding:13px 0;border-bottom:1px solid var(--line)}.route-list b{color:var(--blue);font:26px Arial;margin-right:16px}.screen{background:white;border:1px solid var(--line);padding:12px;transform:rotate(2deg);box-shadow:14px 14px 0 #3445ef15}.screen-top{font-size:12px;letter-spacing:.1em;color:var(--blue);display:block;padding:7px}.screen button{padding:0;width:100%;display:block}.screen img{width:100%;display:block;max-height:310px;object-fit:contain}.screen figcaption{font-size:12px;padding:10px;color:var(--muted)}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:18px;margin-bottom:16px}.steps li:last-child{margin-bottom:0}.steps li>span{font:25px Arial;color:var(--blue);padding-top:4px}.steps h3{font-size:22px;margin-bottom:5px}.steps p{font-size:17px;line-height:1.65;color:var(--muted)}.theme-blue .steps p{color:#d6ddff}.practice-bar{position:relative;z-index:4;display:flex;align-items:center;gap:15px;padding-top:15px;border-top:1px solid var(--line);margin-top:auto}.practice-bar>div{flex:1}.practice-bar>div>span{font-size:12px;color:var(--blue);display:block;margin-bottom:5px;font-weight:700}.practice-bar p{font-size:17px;line-height:1.45}.theme-blue .practice-bar{border-color:#ffffff55}.theme-blue .practice-bar>div>span{color:var(--yellow)}.material-machine{padding:25px 30px;border:1px solid #3445ef44;background:#eeefff;position:relative;overflow:hidden;transform:rotate(1deg);box-shadow:10px 10px 0 #3445ef13}.file-stack{display:flex;gap:8px;margin-bottom:20px}.file-stack span{flex:1;padding:17px 6px;border:1px solid #3445ef66;background:var(--paper);font-size:13px;text-align:center;transform:rotate(-4deg)}.file-stack span:nth-child(2){transform:rotate(3deg)}.file-stack span:nth-child(3){transform:rotate(-1deg)}.scan-beam{height:2px;background:var(--blue);box-shadow:0 -8px 20px #3445ef44;position:absolute;left:10px;right:10px;top:20px;pointer-events:none;animation:scan 5s ease-in-out infinite}.machine-title{font-size:20px;display:block;border-bottom:1px dashed #3445ef55;padding-bottom:13px;color:var(--blue)}.output-lines{display:flex;flex-direction:column;gap:10px;margin:15px 0}.output-lines span{background:white;border-left:3px solid var(--blue);padding:9px 12px;font-size:16px}.verification{display:grid;grid-template-columns:1fr 1fr;gap:3vw;align-items:stretch}.claim,.evidence{padding:23px 28px;background:#fff9ef;border:1px solid #20224933;box-shadow:7px 7px 0 #2022490c;position:relative}.claim{transform:rotate(-1deg)}.claim h3,.evidence h3{font-size:25px;margin:12px 0}.claim>p{font-size:26px;line-height:1.6}.claim-source{font-size:14px;margin:18px 0}.small-label{font-size:12px;letter-spacing:.06em;color:var(--muted)}.evidence>p{font-size:18px;line-height:1.8}.evidence-answer{border-top:1px dashed var(--line);padding-top:13px;margin-top:12px;font-size:16px}.evidence-answer b{color:var(--blue);font-size:17px;line-height:1.6;display:block}.evidence-answer p{font-size:16px;line-height:1.7;margin-top:5px}.segmented{display:flex;gap:8px;margin:17px 0;flex-wrap:wrap}.segmented button{padding:9px 14px;font-size:15px;border:1px solid currentColor;border-radius:0;transition:.3s}.segmented .selected{background:var(--ink);color:white;border-color:var(--ink)}.theme-blue .segmented .selected{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.lens-view{padding-top:15px;border-top:1px solid #ffffff55;min-height:143px}.lens-view>span{font-size:13px;opacity:.75}.lens-view h3{font-size:24px;color:var(--yellow);margin:10px 0}.lens-view p{font-size:18px;line-height:1.65}.writing-recipe{background:var(--paper);padding:25px 30px;transform:rotate(2deg);color:var(--ink);box-shadow:10px 10px 0 #172990}.writing-recipe>span{font-size:13px;color:var(--blue);letter-spacing:.1em}.writing-recipe p{font-size:17px;margin-top:22px;padding-bottom:17px;border-bottom:1px dashed var(--line);line-height:1.6}.writing-recipe b{font-size:23px;display:block;margin-bottom:6px}.ppt-layout{grid-template-columns:1fr 1.13fr;gap:4vw}.slide-preview{background:white;border:1px solid var(--line);box-shadow:9px 9px 0 #3445ef10;padding:20px;transform:rotate(-1deg)}.slide-preview h3{font-size:23px;margin:8px 0 13px}.photo-placeholder{height:120px;background:#edeff9;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.photo-placeholder svg{position:absolute;width:220px;right:0;opacity:.18}.photo-placeholder svg path,.photo-placeholder svg circle{stroke:var(--blue);stroke-width:5;fill:none}.photo-placeholder b{font-size:20px;color:var(--blue);z-index:1}.photo-placeholder span{font-size:12px;margin-top:8px;z-index:1}.slide-preview>p{font-size:16px;line-height:1.6;margin-top:12px}.photo-matching .segmented{margin-bottom:0}.diagram-layout{grid-template-columns:.85fr 1.15fr}.diagram-types{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.diagram-types button{padding:15px 20px;border-left:3px solid #3445ef33;text-align:left;transition:.3s}.diagram-types button.selected{border-color:var(--blue);background:var(--paper);box-shadow:5px 5px 0 #3445ef12}.diagram-types b{font-size:23px;display:block;margin-bottom:7px}.diagram-types span{font-size:16px;color:var(--muted)}#courseChart{height:280px;width:100%;background:#faf8ee80;border:1px dashed #3445ef40}.fish-art{background:#fcfbf5;border:1px solid var(--line);padding:0 12px 14px;box-shadow:8px 8px 0 #ed5b4212}.fish-art>img{width:100%;height:196px;object-fit:contain;display:block;mix-blend-mode:multiply}.fish-art figcaption{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:21px;font-weight:700}.fish-art small{display:block;font-size:14px;font-weight:400;margin-top:7px;color:var(--muted)}.image-steps{display:flex;gap:30px}.image-steps p{flex:1;font-size:17px;line-height:1.6}.image-steps b{display:block;font-size:21px;margin-bottom:4px}.video-stack{position:relative;padding:15px 35px}.video-stack>div:not(.missing-story){background:var(--paper);color:var(--ink);padding:22px 25px;margin-top:-7px;transform:rotate(-5deg);box-shadow:7px 7px 0 #10247e;border:1px solid #3445ef55}.video-stack>div:nth-child(2){transform:rotate(4deg)}.video-stack>div:nth-child(3){transform:rotate(-2deg)}.video-stack span{display:block;font-size:13px;color:var(--blue);margin-bottom:8px}.video-stack b{font-size:25px}.missing-story{font-size:17px;color:var(--yellow);margin-top:30px;line-height:1.5}.boundary-copy h3{font-size:23px;color:var(--yellow);margin:15px 0 9px}.boundary-copy p{font-size:19px;line-height:1.65}.boundary-copy .fine{font-size:12px}.boundary-copy .boundary-emphasis{margin:20px 0;padding-left:18px;border-left:4px solid var(--yellow);font-size:25px;font-weight:700}.archive-board{border:1px solid var(--line);padding:25px 30px;background:#eeeefa;transform:rotate(2deg);box-shadow:10px 10px 0 #3445ef16}.archive-board h3{margin:12px 0 18px}.media-strip{display:flex;gap:13px;align-items:center}.media-strip span{flex:1;background:var(--blue);color:white;text-align:center;padding:20px 8px;font-size:18px}.media-strip i{font-style:normal;color:var(--blue)}dl{font-size:17px;line-height:1.5;display:grid;grid-template-columns:100px 1fr;gap:10px}dt{color:var(--blue);font-size:15px}dd{margin:0}.archive-board>p{font-size:15px;border-top:1px solid var(--line);padding-top:15px}.edit-timeline{padding:24px;background:var(--paper);border:1px solid var(--line);position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:8px 8px 0 #20224914}.track{display:flex;gap:15px;align-items:center;margin-top:15px}.track>b{font-size:15px;color:var(--blue);min-width:35px}.track>p{background:#e1e5fc;padding:14px;flex:1;font-size:17px;line-height:1.5;border-left:3px solid var(--blue)}.track:nth-child(3)>p{background:#f4dece;border-color:var(--red)}.track:nth-child(4)>p{background:#e6e8c6;border-color:#737932}.check{display:block;font-size:12px;margin-top:5px;color:#666a47}.edit-timeline .text-button{margin-top:15px}.playhead{width:2px;position:absolute;top:50px;bottom:70px;left:28%;background:var(--red);animation:playhead 7s linear infinite;pointer-events:none}.playhead:before{content:"";position:absolute;top:-6px;left:-4px;width:10px;height:10px;background:var(--red);clip-path:polygon(0 0,100% 0,50% 100%)}.library-tree{border-left:3px solid var(--blue);padding:8px 0 8px 30px}.library-tree h3{font-size:29px;margin:12px 0}.library-tree p{border-bottom:1px dashed var(--line);padding:14px 0;font-size:22px}.library-tree b{font:20px Arial;color:var(--blue);margin-right:15px}.library-tree small{display:block;font-size:15px;margin:7px 0 0 43px;color:var(--muted)}.knowledge-copy h3,.skill-note h3{font-size:27px;margin-bottom:17px}.knowledge-copy p,.skill-note p{font-size:20px;line-height:1.7;margin-bottom:20px}.knowledge-copy .fine{font-size:13px;margin-top:15px}.skill-layout{grid-template-columns:1.2fr .8fr}.skill-blueprint{border:1px solid var(--blue);box-shadow:9px 9px 0 #3445ef14;background:var(--paper);transform:rotate(-1deg)}.blueprint-top{padding:16px 20px;background:var(--blue);color:#fff;display:flex;justify-content:space-between;font-size:15px}.skill-grid{display:grid;grid-template-columns:1fr 1fr}.skill-grid p{padding:18px;font-size:15px;line-height:1.6;border-bottom:1px solid var(--line)}.skill-grid b{display:block;font-size:21px;margin-bottom:5px}.skill-note p{font-size:18px}.closing-copy{max-width:900px}.closing-copy h2{font-size:clamp(40px,5.2vw,82px);line-height:1.25;letter-spacing:-.05em}.closing-copy>p:not(.eyebrow){font-size:23px;letter-spacing:.09em;margin:24px 0}.closing-copy>div{display:flex;gap:15px}.theme-blue#closing .drawing{width:37vw;height:36vw;right:-90px;top:60px;border-radius:43% 55% 48% 55%;opacity:.95;z-index:-1;transform:rotate(10deg)}#closing .drawing img{height:100%;width:150%;transform:translateX(-20%)}dialog{border:1px solid var(--line);padding:0;max-width:none;width:min(1000px,92vw);max-height:88svh;box-shadow:20px 20px 0 #2022492a;background:var(--paper);color:var(--ink);border-radius:5px}dialog::backdrop{background:#17214bad;backdrop-filter:blur(8px)}.dialog-top{position:sticky;top:0;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:16px 25px;border-bottom:1px solid var(--line);z-index:3;font-size:15px}.dialog-top button{font-size:24px}.contents{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.contents button{text-align:left;padding:12px 15px;display:grid;grid-template-columns:30px 1fr;gap:6px;border:1px solid var(--line);background:white}.contents button:hover,.contents button.current{background:#e7e9fe}.contents button>span{font:18px Arial;color:var(--blue);grid-row:span 2}.contents b{font-size:17px}.contents small{font-size:12px;color:var(--muted)}#detailBody{padding:25px 35px;line-height:1.7;font-size:17px}#detailBody h2{font-size:32px;margin-bottom:15px}#detailBody h3{font-size:23px;margin:23px 0 10px}#detailBody pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eeeefa;border-left:3px solid var(--blue);padding:20px;font:17px/1.8 "PingFang SC",sans-serif;margin:18px 0}#detailBody ul{padding-left:22px}#detailBody a{color:var(--blue)}#detailBody details{border-bottom:1px solid var(--line);padding:14px 0}#detailBody summary{cursor:pointer;font-weight:700}.source-table{width:100%;border-collapse:collapse;font-size:15px;margin:15px 0}.source-table th,.source-table td{border:1px solid var(--line);padding:9px;text-align:left}.practice-scene{padding:40px 50px;position:relative;overflow:hidden}.practice-scene h2{font-size:60px;line-height:1.2;margin:15px 0 23px}.practice-scene>p{font-size:24px;max-width:680px;line-height:1.65}.practice-scene .practice-instruction{font-size:17px;color:var(--muted);margin:15px 0 30px}.practice-scribble{font-size:35px;color:var(--red);margin-top:25px;letter-spacing:.15em;transform:rotate(-3deg)}#imageDialog{width:min(1200px,95vw)}#zoomImage{display:block;max-width:100%;max-height:75svh;object-fit:contain;margin:auto}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);padding:12px 23px;background:var(--ink);color:white;border-radius:4px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s}#toast.on{opacity:1}.motion-off *{animation:none!important;transition:none!important}body.motion-off .scan-beam{top:50%}body.motion-off .playhead{left:55%}@keyframes scan{0%,100%{transform:translateY(0);opacity:0}15%,85%{opacity:.8}90%{transform:translateY(245px);opacity:0}}@keyframes playhead{0%{left:27%;opacity:0}10%,85%{opacity:.8}100%{left:95%;opacity:0}}
@media(min-width:1600px){.slide-inner{gap:32px}.drawing{width:215px;height:155px}.drawing img{width:400px;height:267px}.drawing.right img{transform:translate(-190px,-95px)}.drawing.middle img{transform:translate(-90px,-10px)}#surveyChart{height:380px}.steps p{font-size:20px}.steps h3{font-size:26px}.practice-bar p{font-size:20px}.fish-art>img{height:260px}#courseChart{height:350px}.material-machine{padding:35px}.output-lines span{font-size:21px}.page-head .lead{font-size:21px}}
@media(max-height:780px) and (min-width:901px){.slide-inner{padding-top:24px;padding-bottom:18px;gap:17px}h2{font-size:43px}.eyebrow{font-size:12px;margin-bottom:9px}.lead{font-size:16px;margin-top:9px}.steps li{margin-bottom:13px}.steps h3{font-size:20px}.steps p{font-size:16px}.practice-bar{padding-top:12px}.practice-bar p{font-size:15px}.hero-copy h1{font-size:69px}.hero-sub{font-size:18px;margin-top:20px}.hero-copy{padding-top:2vh}.hero-copy button{margin-top:22px}.quote{font-size:25px}#surveyChart{height:280px}.survey-quote{min-height:280px}.survey-quote strong{font-size:82px}.survey-quote blockquote{font-size:20px}.method-wheel{width:280px}.method-detail p{font-size:19px}.method-detail h3{font-size:27px}.method-detail blockquote{font-size:18px}.method-wheel>button{width:70px;height:70px;font-size:34px}.method-wheel>button:nth-of-type(1){left:calc(50% - 35px);top:-15px}.method-wheel>button:nth-of-type(2){right:-15px;top:calc(50% - 35px)}.method-wheel>button:nth-of-type(3){left:calc(50% - 35px);bottom:-15px}.method-wheel>button:nth-of-type(4){left:-15px;top:calc(50% - 35px)}.method-wheel>span{font-size:16px}.fish-art>img{height:165px}.image-steps p{font-size:15px}.image-steps b{font-size:19px}.boundary-copy p{font-size:17px}.boundary-copy .boundary-emphasis{font-size:23px;margin:15px 0}.body-copy{font-size:18px}.library-tree p{padding:11px 0}.knowledge-copy p{font-size:18px}.closing-copy h2{font-size:61px}}
@media(max-width:900px){.topbar{height:62px;padding:0 5vw}.brand{font-size:13px}.brand-mark{font-size:26px}.chapter-label{display:none}.top-actions{gap:14px}.top-actions button{font-size:12px}#fullscreen{display:none}.slide{padding-top:62px;min-height:100svh}.slide-inner{min-height:calc(100svh - 120px);padding:28px 6vw;gap:25px;justify-content:flex-start}.theme-hero .slide-inner{min-height:850px}.hero-copy{width:100%;padding-top:0}.hero-copy h1{font-size:clamp(42px,8vw,68px)}.hero-sub{font-size:18px;margin-top:18px}.hero-world{width:100%;height:400px;top:auto;bottom:45px;right:0}.hero-drawing{width:100%;right:-15px;bottom:0}.world-label.one{left:7%;top:10%}.world-label.two{right:6%;top:25%}.world-label.three{right:10%;bottom:0}.hero-line{font-size:10px;bottom:10px;left:6vw;width:88vw}.hero-line b{display:none}.orbit-label{display:none}h2{font-size:clamp(31px,6vw,48px)}.eyebrow{font-size:11px;letter-spacing:.1em}.lead{font-size:16px}.survey-layout,.learning-body,.method-stage,.tool-grid,.two-col,.writing-layout,.ppt-layout,.diagram-layout,.video-boundary,.capture-layout,.edit-layout,.knowledge-layout,.skill-layout,.verification{grid-template-columns:1fr;gap:27px}.survey-quote{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;min-height:0}.survey-quote strong{font-size:70px}.survey-quote blockquote{font-size:21px}.drawing{right:-50px;top:5px;opacity:.25;z-index:-1}.theme-blue .drawing{right:0;opacity:.18}.quote{font-size:22px}.steps p{font-size:17px}.body-copy{font-size:19px}.practice-bar{flex-wrap:wrap;gap:12px}.practice-bar>div{flex-basis:100%}.practice-bar p{font-size:17px}.practice-bar .solid,.practice-bar .outline{flex:1;padding:12px}.method-wheel{width:280px;margin:25px auto 35px}.method-detail h3{font-size:26px}.method-detail p{font-size:19px}.learning-note>p{font-size:22px}.material-machine{padding:23px 18px}.file-stack span{font-size:11px}.claim>p{font-size:23px}.claim,.evidence{padding:20px}.writing-recipe{padding:22px}.fish-art{padding:8px}.fish-art>img{height:auto}.fish-art figcaption{font-size:15px;gap:4px}.fish-art small{font-size:11px}.image-steps{flex-direction:column;gap:16px}.image-steps p{font-size:17px}.image-steps b{font-size:20px}.route-list{font-size:18px}.archive-board{padding:20px}.archive-board h3{font-size:21px}.media-strip{gap:7px}dl{font-size:16px;grid-template-columns:85px 1fr}.track>p{font-size:15px}.edit-timeline{padding:20px 14px}.skill-grid p{font-size:14px;padding:13px}.skill-grid b{font-size:19px}.closing-copy h2{font-size:41px}.closing-copy>p:not(.eyebrow){font-size:17px}.closing-copy>div{flex-wrap:wrap}.theme-blue#closing .drawing{top:auto;bottom:-30px;width:70vw;height:60vw;opacity:.2}.contents{grid-template-columns:1fr}.contents button{padding:10px}.bottom-nav{padding:0 4vw}.bottom-nav>span{font-size:11px;max-width:50%}.bottom-nav>div{gap:8px}.bottom-nav button{padding:5px 10px}.practice-scene{padding:25px}.practice-scene h2{font-size:43px}.practice-scene>p{font-size:20px}.practice-scene .solid{font-size:14px;white-space:normal}#detailBody{padding:20px;font-size:16px}#detailBody h2{font-size:27px}.source-table{font-size:12px}.source-table th,.source-table td{padding:5px}.diagram-types b{font-size:21px}#courseChart{height:285px}#surveyChart{height:275px}.solid,.outline{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Projection refinements after rendered review. */
@media(min-width:901px){.drawing{right:25px;top:5px;width:200px;height:155px;transform:rotate(5deg);opacity:.92;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 95%,transparent)}.drawing img{width:375px;height:250px}.drawing.left img{transform:translate(0,-94px)}.drawing.middle img{transform:translate(-90px,-4px)}.drawing.right img{transform:translate(-175px,-91px)}.theme-blue .drawing{right:36px;width:150px;height:150px;mask-image:none}.theme-blue .drawing img{width:330px;height:220px}.theme-blue .drawing.middle img{transform:translate(-80px,-3px)}.theme-blue .drawing.right img{transform:translate(-170px,-80px)}.hero-drawing{mix-blend-mode:normal;right:2%;width:93%;bottom:3%;mask-image:linear-gradient(0deg,#000 0%,#000 73%,transparent 99%)}.hero-world{right:0;width:60%}.world-label.one{left:8%;top:12%}.world-label.two{right:9%;top:27%}.steps p{font-size:18px}.writing-recipe{padding:20px 28px}.writing-recipe p{margin-top:15px;padding-bottom:13px}.writing-recipe b{font-size:22px;margin-bottom:3px}.diagram-types button{padding:12px 20px}.material-machine{padding:20px 25px}.file-stack{margin-bottom:15px}.file-stack span{padding:12px 4px}.output-lines{gap:7px;margin:12px 0}.output-lines span{padding:7px 12px}.quote{line-height:1.4}}
@media(max-height:780px) and (min-width:901px){.writing-recipe p{font-size:16px}.writing-recipe>span{font-size:12px}.steps p{font-size:18px;line-height:1.5}.steps h3{font-size:21px}.diagram-types span{font-size:16px}.diagram-types b{font-size:22px}.lens-view p{font-size:18px}.writing-layout .body-copy{font-size:20px}.practice-bar p{font-size:16px}.practice-bar .solid,.practice-bar .outline{padding:12px 18px}.drawing{width:170px;height:130px}.drawing img{width:330px;height:220px}.drawing.left img{transform:translate(0,-86px)}.drawing.middle img{transform:translate(-80px,-8px)}.drawing.right img{transform:translate(-155px,-83px)}}
@media(max-height:780px) and (min-width:901px){.claim,.evidence{padding:17px 25px}.claim h3,.evidence h3{margin:9px 0}.evidence>p{font-size:17px;line-height:1.65}.claim-source{margin:13px 0}.evidence-answer{margin-top:8px;padding-top:8px}.evidence-answer p{font-size:16px;line-height:1.55}}
.survey-controls{display:flex;gap:12px;margin:3px 0 15px;flex-wrap:wrap}.survey-controls button{font-size:13px;padding:5px 0;border-bottom:2px solid transparent;color:var(--muted)}.survey-controls button.selected{border-color:var(--blue);color:var(--blue)}