.teaching-visuals *{box-sizing:border-box}.teaching-visuals .sheet{display:block;width:100%;height:auto;background:#fffdf1;margin:0 auto 20px}.teaching-visuals .paper{width:853px;height:1280px;padding:18px 22px 14px;background:#fffdf1;overflow:visible;font:400 22px/1.28 Kalam,'Nirmala UI',sans-serif;color:#102b52}.teaching-visuals header{height:135px;position:relative;text-align:center;padding-top:3px}.teaching-visuals h1,.teaching-visuals h2,.teaching-visuals h3,.teaching-visuals p,.teaching-visuals blockquote{margin:0}.teaching-visuals h1{font-size:68px;line-height:1.17;font-weight:700;padding:0 70px 0 20px;white-space:nowrap}.teaching-visuals header:has(h1) h1{letter-spacing:-1.5px}.teaching-visuals .brand{position:absolute;right:0;top:0;font:700 16px/1.4 system-ui}.teaching-visuals .brand span{display:block;border:2px solid #102b52;border-radius:8px;padding:1px 7px;margin-top:7px;font-family:Kalam;font-size:21px}.teaching-visuals .subtitle{font-size:24px;color:#075e6b;border-top:2px solid #075e6b;border-bottom:2px solid #075e6b;padding:2px 0;margin:9px 10px 0;font-weight:700;white-space:nowrap}.teaching-visuals .section-label{display:table;font-size:28px;font-weight:700;background:linear-gradient(90deg,#d8eeee,#f9fff3);padding:3px 9px 0;border:2px solid #16727e;border-radius:12px 6px 13px 6px;line-height:1.25;margin-bottom:9px}.teaching-visuals section{margin-bottom:14px}.teaching-visuals h3{font-size:24px;line-height:1.2}.teaching-visuals .stages{display:flex;align-items:center;gap:5px;margin:8px 0 12px}.teaching-visuals .stage{height:139px;flex:1;position:relative;display:flex;align-items:center;border:2px solid var(--line);border-radius:24px 30px 23px 16px;background:linear-gradient(130deg,var(--wash),#fffdf1 45%);padding:9px 5px 7px 9px;gap:6px}.teaching-visuals .stage .art{width:98px;height:99px;flex-shrink:0}.teaching-visuals .stage h3{font-size:26px;margin-bottom:7px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:6px}.teaching-visuals .stage p{font-size:22px}.teaching-visuals .number{position:absolute;left:-4px;top:-13px;border-radius:50%;background:var(--line);color:white;font-size:25px;width:31px;height:31px;text-align:center;line-height:1.4}.teaching-visuals .arrow{font-size:25px}.teaching-visuals .teal{--line:#0b7e87;--wash:#d8f1e9}.teaching-visuals .gold{--line:#d58c13;--wash:#ffefbd}.teaching-visuals .green{--line:#579739;--wash:#e8f3d2}.teaching-visuals .coral{--line:#c65342;--wash:#ffe3d5}.teaching-visuals .purple{--line:#6c4494;--wash:#efe0f7}.teaching-visuals .blue{--line:#2878a7;--wash:#dceefa}.teaching-visuals .equation{border:2px solid #173964;border-radius:9px;padding:4px 10px 1px;font-size:25px;text-align:center;font-weight:700;white-space:nowrap}.teaching-visuals .equation em{font-style:normal;color:#05747b;padding:0 8px}.teaching-visuals .small-note{text-align:center;font-size:22px;margin-top:5px}.teaching-visuals .twins{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:3px}.teaching-visuals .motive{position:relative;height:213px}.teaching-visuals .motive+.motive{border-left:2px dotted #185c76;padding-left:17px}.teaching-visuals .motive .art{position:absolute;width:150px;height:145px;top:0;left:10px}.teaching-visuals .motive .reading-boy{left:30px;width:139px;height:130px;top:7px}.teaching-visuals .bubble{position:absolute;left:155px;top:11px;border:2px solid #173964;border-radius:32px 26px 31px 18px;padding:11px 13px 4px;text-align:center;font-size:23px;font-weight:700;background:#fffdf5;white-space:nowrap}.teaching-visuals .bubble:after{content:'';position:absolute;left:0;bottom:-11px;width:15px;height:13px;border-left:2px solid #173964;transform:skew(-25deg);background:#fffdf1}.teaching-visuals .motive-label{position:absolute;top:143px;left:95px;background:var(--wash);border:2px solid var(--line);padding:1px 11px 0;border-radius:7px;font-size:26px}.teaching-visuals .reason{position:absolute;bottom:0;left:0;right:0;border:2px solid #173964;border-radius:8px;padding:4px 1px 0;text-align:center;font-size:23px;white-space:nowrap;font-weight:700}.teaching-visuals .star{display:none}.teaching-visuals .join{display:flex;gap:10px;align-items:center;justify-content:center;height:38px;margin:2px 0 7px}.teaching-visuals .join p{border:2px solid #16707a;border-radius:7px;padding:2px 8px 0;font-size:23px}.teaching-visuals .join span{font-size:28px}.teaching-visuals .caution{border:2px solid #d58c13;background:#fff1bf;border-radius:8px;padding:6px 10px 2px;text-align:center;font-size:19px;font-weight:700;line-height:1.25}.teaching-visuals .needs{display:grid;gap:6px;margin:10px 0 12px}.teaching-visuals .need-row{display:grid;grid-template-columns:354px 53px 1fr;align-items:center;height:64px}.teaching-visuals .need-level{height:64px;width:100%;background:var(--wash);border-bottom:2px solid var(--line);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);display:flex;justify-content:center;gap:9px;align-items:center;margin-left:auto;color:#16304f}.teaching-visuals .level-5{width:72%}.teaching-visuals .level-4{width:79%}.teaching-visuals .level-3{width:86%}.teaching-visuals .level-2{width:93%}.teaching-visuals .need-level b{background:var(--line);color:white;border:1px solid #173964;border-radius:50%;font-size:24px;width:33px;height:33px;text-align:center;line-height:1.5}.teaching-visuals .need-level strong{font-size:26px}.teaching-visuals .level-1 strong{font-size:23px}.teaching-visuals .need-arrow{color:var(--line);font:400 42px system-ui;text-align:center}.teaching-visuals .need-action{border:2px solid var(--line);border-radius:14px 10px 13px 7px;text-align:center;padding:5px 3px 1px;background:linear-gradient(90deg,#fffdf1,var(--wash));height:63px}.teaching-visuals .need-action h3{font-size:24px}.teaching-visuals .need-action p{font-size:20px}.teaching-visuals .warning{border:2px solid #c65342;background:#fff0e2;border-radius:13px;padding:4px 10px 3px;text-align:center}.teaching-visuals .warning h3{color:#9c3627;font-size:29px;margin-bottom:3px}.teaching-visuals .warning p{font-size:19px;white-space:nowrap}.teaching-visuals .footnote{text-align:center;font-size:19px;margin-top:6px}.teaching-visuals .support-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.teaching-visuals .support{border:2px solid var(--line);border-radius:20px 9px;background:var(--wash);padding:10px 7px 6px}.teaching-visuals .support h3{font-size:30px}.teaching-visuals .support p{font-size:22px;margin:4px 0}.teaching-visuals .support blockquote{font-size:21px;border:2px solid #193c60;border-radius:23px 15px;background:#fffdf5;padding:9px 6px 5px}.teaching-visuals .central-arrow{grid-column:1/-1;font:30px/1 system-ui;letter-spacing:100px;height:29px;margin-top:-8px}.teaching-visuals .map-outcome{grid-column:1/-1;font-size:25px;margin-top:-5px;margin-bottom:7px;color:#0c6773;font-weight:700}.teaching-visuals .question-line{font-size:27px;font-weight:700;margin:5px 0 8px}.teaching-visuals .question-line span{font-size:23px;color:#0c6773}.teaching-visuals .diagnose{display:grid;grid-template-columns:45% 55%;border:2px solid #0c6773;border-radius:9px;overflow:hidden}.teaching-visuals .table-head{background:#dfeddf;padding:4px 12px 1px;font-weight:700;font-size:26px}.teaching-visuals .diagnose p{padding:7px 12px 3px;font-size:23px;border-top:1px solid #75928a;min-height:57px}.teaching-visuals .diagnose p:nth-child(even){border-left:1px solid #75928a}.teaching-visuals .warning-line{background:#fff0dd;color:#a7422d;text-align:center;font-weight:700;font-size:23px;padding:4px 0 1px;margin-top:6px}.teaching-visuals .case-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}.teaching-visuals .case-step{border:2px solid var(--line);border-radius:9px;background:linear-gradient(var(--wash),#fffdf1 45%);padding:5px 8px;position:relative;min-height:217px;text-align:center}.teaching-visuals .case-step:not(:last-child):after{content:'→';position:absolute;right:-16px;top:45%;font:30px system-ui;color:#125c75;z-index:2}.teaching-visuals .case-step h3{font-size:25px;border-bottom:1px solid var(--line);padding-bottom:4px}.teaching-visuals .case-step p{font-size:21px;line-height:1.32}.teaching-visuals .case-symbol{font:40px/1.3 system-ui;color:var(--line);display:block;margin:3px 0}.teaching-visuals .feedback-loop{font-size:23px;text-align:center;color:#0c6773;margin:5px 0}.teaching-visuals .feedback{display:grid;grid-template-columns:33% 67%;gap:8px;border:2px dashed #dba647;border-radius:9px;padding:6px 9px;font-size:22px;line-height:1.3;background:#fff2cf}.teaching-visuals .feedback strong{font-size:22px}.teaching-visuals .distinctions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:8px 0 10px}.teaching-visuals .distinctions p{border:1.5px solid #2f6976;border-radius:8px;background:#e9f0e5;text-align:center;padding:8px 6px;font-size:22px}.teaching-visuals .distinctions b{display:block;color:#c65342;font-size:30px;line-height:1}.teaching-visuals .sheet:nth-child(2) h1{font-size:51px;padding-left:0;padding-right:62px;padding-top:8px}.teaching-visuals .sheet:nth-child(2) header{height:124px}.teaching-visuals .sheet:nth-child(2) .subtitle{font-size:28px}.teaching-visuals .sheet:nth-child(2) section{margin-bottom:15px}@media(min-width:900px){.teaching-visuals .sheet{box-shadow:0 5px 24px #19382912}}.teaching-visuals header{height:139px}.teaching-visuals .start{margin-bottom:8px}.teaching-visuals .comparison{margin-bottom:5px}.teaching-visuals .stages{margin-bottom:8px}.teaching-visuals .stage{height:132px}.teaching-visuals .comparison{margin-bottom:5px}.teaching-visuals .needs{gap:5px;margin-bottom:9px}.teaching-visuals .need-row,.teaching-visuals .need-level{height:60px}.teaching-visuals .need-action{height:60px;padding-top:3px}.teaching-visuals .warning h3{font-size:27px}.teaching-visuals .footnote{font-size:18px}.teaching-visuals .sheet:nth-child(2) .paper{font-size:20px;line-height:1.15}.teaching-visuals .sheet:nth-child(2) header{height:113px}.teaching-visuals .sheet:nth-child(2) section{margin-bottom:10px}.teaching-visuals .sheet:nth-child(2) .section-label{font-size:26px;margin-bottom:6px}.teaching-visuals .sheet:nth-child(2) .support{padding:6px 6px 3px}.teaching-visuals .sheet:nth-child(2) .support h3{font-size:27px}.teaching-visuals .sheet:nth-child(2) .support p{font-size:20px}.teaching-visuals .sheet:nth-child(2) .support blockquote{font-size:20px;padding:6px 4px 3px;min-height:57px}.teaching-visuals .sheet:nth-child(2) .map-outcome{font-size:23px;margin-bottom:3px}.teaching-visuals .sheet:nth-child(2) .caution{font-size:18px}.teaching-visuals .sheet:nth-child(2) .question-line{font-size:23px}.teaching-visuals .sheet:nth-child(2) .question-line span{font-size:21px}.teaching-visuals .sheet:nth-child(2) .table-head{font-size:24px}.teaching-visuals .sheet:nth-child(2) .diagnose p{font-size:21px;min-height:46px;padding:5px 10px 2px}.teaching-visuals .sheet:nth-child(2) .warning-line,.teaching-visuals .sheet:nth-child(2) .small-note{font-size:21px}.teaching-visuals .sheet:nth-child(2) .case-step{min-height:180px}.teaching-visuals .sheet:nth-child(2) .case-step h3{font-size:23px}.teaching-visuals .sheet:nth-child(2) .case-step p{font-size:19px}.teaching-visuals .sheet:nth-child(2) .case-symbol{font-size:33px;line-height:1.15}.teaching-visuals .sheet:nth-child(2) .feedback{font-size:20px}.teaching-visuals .sheet:nth-child(2) .feedback strong{font-size:20px}.teaching-visuals .sheet:nth-child(2) .distinctions{margin:5px 0 7px}.teaching-visuals .sheet:nth-child(2) .distinctions p{font-size:21px;padding:5px 4px}.teaching-visuals .sheet:nth-child(2) .equation{font-size:24px}.teaching-visuals .sheet:nth-child(2) .footnote{font-size:17px}.teaching-visuals .art{mix-blend-mode:multiply}.teaching-visuals .stage .art{width:109px;height:116px}.teaching-visuals .motive .art{width:171px;height:151px;top:0;left:0}.teaching-visuals .motive .reading-boy{left:12px;top:0;width:171px;height:151px}.teaching-visuals .need-level{justify-content:flex-start;padding-left:25px;gap:7px;margin-right:auto}.teaching-visuals .need-level .need-art{width:68px;height:60px;margin-left:auto;margin-right:14px}.teaching-visuals .need-level strong{font-size:24px;white-space:nowrap}.teaching-visuals .level-1 strong{font-size:22px}.teaching-visuals .level-5{width:78%}.teaching-visuals .level-4{width:83.5%}.teaching-visuals .level-3{width:89%}.teaching-visuals .level-2{width:94.5%}.teaching-visuals .sheet:nth-child(2) header{height:130px}.teaching-visuals .sheet:nth-child(2) .support-map{row-gap:4px}.teaching-visuals .sheet:nth-child(2) .diagnose p{min-height:40px}.teaching-visuals .sheet:nth-child(2) section{margin-bottom:5px}.teaching-visuals .sheet:nth-child(2) .footnote{margin-top:3px}