/* Visual teaching deck. Color conveys repeated meaning, always paired with text. */
:root{--learn-blue:#2754a6;--learn-violet:#7551a3;--learn-sage:#327666;--learn-peach:#9b5b20;--learn-coral:#a44646;--learn-navy:#213a57}body{background:#f5f7fb}.topbar{border-bottom:3px solid #dde7f9}.workbook-hero{max-width:none;background:#edf3fb;border-bottom:1px solid #dbe5f3}.workbook-hero h1{color:#213a57}.workbook-hero h1 em{color:#365e9b}.workbook-badges span:nth-child(3){background:#fff0dd;border-color:#ead6b8;color:#85511d}.workbook-badges span:nth-child(4){background:#e6f2ed;border-color:#bed9cb;color:#32705e}.workbook-formula span:nth-of-type(2){background:#eee7f7;border-color:#d9cbe9;color:#65448c}.workbook-formula span:nth-of-type(3){background:#fff0db;border-color:#ead5b1;color:#895821}.section-head .eyebrow{color:#45669e}.section:not(.intro-deck){border-bottom-color:#d6e0ed}.outcome-grid .card:nth-child(1){border-top-color:#577fc1;background:#f4f7fd}.outcome-grid .card:nth-child(2){border-top-color:#6f9d88;background:#f1f8f4}.outcome-grid .card:nth-child(3){border-top-color:#ba9062;background:#fff9f0}.lesson-step:nth-child(3n+1)>summary{background:#eaf1fb}.lesson-step:nth-child(3n+2)>summary{background:#f0eaf7}.lesson-step:nth-child(3n)>summary{background:#e9f3ee}.lesson-step:nth-child(3n+1)>summary::before{background:#4d73b0}.lesson-step:nth-child(3n+2)>summary::before{background:#8061a0}.lesson-step:nth-child(3n)>summary::before{background:#4e8871}.creative-step>summary{background:#fff0db!important}.creative-step>summary::before{background:#a97432!important}.workbook-question{border-left:4px solid #6a8ac0}.teacher-key{border-left:4px solid #a28abb}.plan-b{border-left:4px solid #d3a053}.workbook-note{border-left:4px solid #76a78e}.community{background:#253f60}
.intro-deck{max-width:1280px;padding:55px 24px 65px;--slide-accent:var(--learn-blue);--slide-wash:#edf3ff;color:var(--learn-navy)}.intro-deck-heading{display:flex;gap:30px;justify-content:space-between;align-items:center}.intro-deck-heading h2{font-size:clamp(32px,3.5vw,48px);margin:14px 0 14px;color:#213a57}.intro-deck-heading p{font-size:16px;color:#5b6d83;max-width:850px}.intro-deck-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;border-radius:24px;background:#e6edf9;color:#345c97;font-size:38px;font-weight:750;line-height:1.1;transform:rotate(4deg);flex-shrink:0}.intro-deck-stamp small{font-size:12px;color:#345c97;font-weight:500}.intro-timing{font-size:13px;color:#5b6d83;margin:12px 0 22px;padding-left:15px;border-left:3px solid #adbfdc;max-width:1100px}.intro-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;padding:14px 17px;border:1px solid #d8e2ef;border-radius:15px 15px 0 0;margin-bottom:0}.intro-pager{display:flex;align-items:center;gap:12px}.intro-pager button{font-size:21px;min-width:44px;min-height:44px;padding:4px 10px;border-color:#c5d3e6}.intro-pager button:disabled{opacity:.4;cursor:default}.intro-pager>span{min-width:55px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums;font-weight:650;color:#395576}.intro-select-label{display:flex;align-items:center;gap:10px;flex:1;font-size:11px;color:#5b6d83;margin:0}.intro-select-label select{font-size:13px;min-height:44px;padding:8px;max-width:300px;margin:0;border-color:#c5d3e6}.intro-toolbar>.quiet{border-color:#c5d3e6;color:#395576;white-space:nowrap}.intro-toolbar>.button{background:#365f9c;border-color:#365f9c;font-size:13px;min-height:44px;padding:10px 15px}.intro-slide{background:#fff;padding:40px 45px 32px;border:1px solid #d8e2ef;border-top:5px solid var(--slide-accent);border-radius:0 0 16px 16px;margin-bottom:24px;position:relative;overflow:hidden;min-width:0;scroll-margin-top:130px}.intro-slide header{max-width:1000px;margin-bottom:26px}.intro-slide-tag{display:inline-block;font-size:10px;letter-spacing:.12em;color:var(--slide-accent);font-weight:750;margin-bottom:16px}.intro-slide h3{font-size:clamp(31px,3.1vw,45px);line-height:1.12;letter-spacing:-.035em;font-weight:750;color:#213a57;margin:0 0 17px}.intro-slide h3 em{font-style:normal;color:var(--slide-accent)}.intro-slide-lead{font-size:16px;line-height:1.6;color:#5b6d83;margin:0;max-width:970px}.intro-slide h4{font-size:18px;color:#213a57;margin:0 0 10px}.intro-blue{--slide-accent:#365f9c;--slide-wash:#edf3ff}.intro-violet{--slide-accent:#7551a3;--slide-wash:#f1ebf8}.intro-sage{--slide-accent:#327666;--slide-wash:#edf6f1}.intro-peach{--slide-accent:#9b5b20;--slide-wash:#fff3e2}.intro-takeaway{padding:17px 20px;margin-top:25px;background:var(--slide-wash);border-left:4px solid var(--slide-accent);border-radius:0 9px 9px 0;font-size:15px;line-height:1.6;color:#344b64}.intro-takeaway b{color:var(--slide-accent)}.intro-big-arrow{font-size:30px;font-weight:500;color:var(--slide-accent)}.intro-small-label{display:block;font-size:10px;letter-spacing:.09em;font-weight:700;color:var(--slide-accent);margin-bottom:10px}.intro-keyboard-hint{font-size:12px;color:#66788e;margin:10px 0 0;text-align:center}.intro-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.intro-outcome{display:flex;align-items:center;flex-direction:column;text-align:center;background:#edf3ff;padding:22px 14px;border-radius:15px;color:#365f9c}.intro-outcome:nth-child(2){background:#edf6f1;color:#327666}.intro-outcome:nth-child(3){background:#fff3e2;color:#9b5b20}.intro-outcome svg{width:140px;height:100px;margin-bottom:12px}.intro-outcome b{font-size:23px;line-height:1.25;margin-bottom:7px}.intro-outcome span{font-size:14px;color:#4e647c}.intro-taxonomy{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;align-items:center}.intro-ai-universe{background:#f1ebf8;border:2px solid #c5b2e2;border-radius:28px;padding:22px;position:relative;min-height:270px}.intro-ai-universe>span{display:block;font-size:13px;font-weight:700;color:#6e4d99;margin-bottom:17px}.intro-ai-branch{padding:20px;border-radius:18px;background:#e5d9f2;width:72%;border:1px solid #b8a0d7}.intro-ai-branch>b{font-size:15px;color:#604086}.intro-llm-core{background:#7551a3;color:#fff;display:flex;flex-direction:column;padding:15px 20px;border-radius:13px;margin-top:14px}.intro-llm-core strong{font-size:34px;line-height:1.1}.intro-llm-core small{font-size:12px;color:#fff;margin-top:6px}.intro-other-ai{font-size:12px;color:#765f94;margin-top:17px}.intro-service-layer{display:flex;align-items:center;gap:22px}.intro-service-layer>div{background:white;border:2px solid #b4c8e6;border-radius:15px;padding:28px;flex:1;box-shadow:7px 7px 0 #edf3ff}.intro-service-layer b{font-size:23px;color:#365f9c}.intro-service-layer p{font-size:16px;color:#4e647c;margin:15px 0}.intro-service-layer small{font-size:12px;color:#65798f}.intro-training{display:flex;flex-direction:column;gap:17px}.intro-training-lane{background:#f0f6f3;border-radius:13px;padding:17px 22px;border:1px solid #cbdfd5}.intro-lane-label{font-size:10px;font-weight:700;letter-spacing:.08em;color:#467e6d}.intro-training-flow{display:flex;gap:25px;align-items:center;justify-content:center;margin:14px 0}.intro-training-flow svg{width:180px;height:120px}.intro-data-stack{position:relative;width:170px;height:100px;padding-top:64px;text-align:center}.intro-data-stack i{position:absolute;top:8px;left:30px;width:100px;height:44px;background:#fff;border:2px solid #78a592;border-radius:6px;transform:rotate(-7deg)}.intro-data-stack i:nth-child(2){top:17px;left:35px;transform:rotate(0)}.intro-data-stack i:nth-child(3){top:26px;left:40px;transform:rotate(7deg)}.intro-data-stack b{position:relative;font-size:13px;line-height:1.4;display:block;color:#427c69}.intro-model-result{background:#327666;border-radius:14px;color:white;padding:20px 30px;font-size:18px;text-align:center}.intro-model-result b{font-size:25px}.intro-token-flow{display:flex;gap:18px;justify-content:center;align-items:center;margin:17px 0 5px}.intro-token-flow span,.intro-token-flow strong{padding:14px 24px;border:1px solid #aecbbb;border-radius:9px;background:#fff;font-size:16px;color:#327666}.intro-token-flow strong{background:#327666;color:#fff}.intro-answer-flow{display:grid;grid-template-columns:1fr 30px 1.3fr 30px 1fr;gap:13px;align-items:center}.intro-answer-flow>div{background:#edf3ff;border:1px solid #c5d5ee;border-radius:13px;padding:21px 18px;min-height:180px}.intro-answer-flow>span{text-align:center;font-size:26px;color:#365f9c}.intro-answer-flow small{font-size:10px;color:#4c70a4;letter-spacing:.09em;display:block;margin-bottom:12px}.intro-answer-flow b{font-size:19px;color:#365f9c;line-height:1.3}.intro-answer-flow p{font-size:13px;color:#516a86;margin:12px 0 0}.intro-tokens{display:flex;gap:4px;flex-wrap:wrap;margin-top:18px}.intro-tokens i{font-size:12px;font-style:normal;border-radius:5px;background:#fff;padding:5px 7px;color:#365f9c;border:1px solid #b7cce8}.intro-search-branch{font-size:12px;color:#597394;margin:13px 0}.intro-human-gate{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;background:#327666;color:white;border-radius:12px;margin-top:18px}.intro-human-gate strong{font-size:18px;text-align:center}.intro-human-gate span{font-size:12px}.intro-balance{display:grid;grid-template-columns:1fr 1fr;gap:24px}.intro-balance>div{padding:25px;border-radius:14px;background:#edf6f1;position:relative;border:1px solid #bad9ca}.intro-balance .intro-caution{background:#fff0ec;border-color:#e7bdb1}.intro-symbol{display:grid;place-items:center;width:38px;height:38px;background:#327666;border-radius:50%;color:white;font-size:28px;font-weight:700;margin-bottom:15px}.intro-caution .intro-symbol{background:#aa5748}.intro-balance ul{padding-left:20px;margin:14px 0 0;color:#446b5e;font-size:15px}.intro-balance li{margin:7px 0}.intro-caution ul{color:#8a5148}.intro-false-proof{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:20px}.intro-false-proof span{font-size:18px;font-weight:600;color:#835522}.intro-false-proof b{font-size:40px;line-height:1;color:#b96c36}.intro-interface-layout{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(210px,1fr);gap:25px;align-items:stretch}.intro-chat-mock{display:grid;grid-template-columns:135px 1fr;border:2px solid #a7bddb;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 7px 0 #e7edf6;min-width:0}.intro-chat-mock aside{background:#e9eff8;border-right:1px solid #c7d4e5;padding:12px}.intro-chat-mock aside>span{display:block;font-size:10px;color:#617c9e;margin:21px 0 10px}.intro-chat-mock button{font:inherit;font-size:12px;color:#3a5f93;cursor:pointer}.intro-chat-mock aside button{background:white;border:1px solid #a7bddb;border-radius:7px;padding:9px;width:100%;min-height:44px;font-weight:600}.mock-history{font-size:10px;padding:8px 0;color:#617c9e}.mock-main{min-width:0}.mock-toolbar{border-bottom:1px solid #e0e7f1;padding:10px 14px}.mock-toolbar button{border:1px dashed #a8bfde;border-radius:5px;background:#f3f6fa;padding:7px 10px;min-height:35px}.mock-messages{padding:17px;display:flex;flex-direction:column;gap:15px}.mock-user{align-self:flex-end;background:#e4edfb;padding:12px 15px;border-radius:12px 12px 3px 12px;font-size:12px;color:#3e608c;max-width:90%}.intro-chat-mock .mock-answer{text-align:left;display:flex;flex-direction:column;gap:9px;background:#f1f7f4;border:1px solid #accfbd;border-radius:3px 12px 12px 12px;padding:14px;max-width:95%;line-height:1.5}.mock-answer>b{font-size:13px;color:#327666}.mock-answer span{font-size:12px;color:#527168}.mock-answer small{font-size:10px;color:#658779}.mock-compose{margin:0 14px 14px;border:2px solid #799cce;border-radius:10px;background:#fff;overflow:hidden}.intro-chat-mock .mock-input{text-align:left;width:100%;padding:12px;background:#fff;border:0;color:#365f9c;font-size:13px;font-weight:600;line-height:1.5}.mock-input span{font-size:11px;font-weight:400;color:#6884a7}.mock-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px;background:#f5f7fb}.mock-compose-actions button{padding:7px;border:1px dashed #aac0de;border-radius:5px;background:white;font-size:10px;min-height:35px}.intro-chat-mock .mock-send{background:#365f9c;color:#fff;border-style:solid;border-color:#365f9c}.intro-chat-mock button:hover,.intro-chat-mock button[aria-pressed=true]{outline:3px solid #c5963a;outline-offset:-3px}.intro-interface-key{padding:23px;background:#edf3ff;border-radius:12px;border-left:4px solid #7498cc}.intro-interface-key h4{font-size:21px;line-height:1.3;color:#365f9c;margin:15px 0}.intro-interface-key p{font-size:14px;color:#4f698a;line-height:1.7}.intro-interface-note{font-size:11px;color:#677e9b;border-top:1px solid #c2d3ea;padding-top:15px;margin-top:20px;line-height:1.7}.intro-schematic-caption{font-size:11px;color:#667c97;margin:17px 0 0}.intro-controls-map{display:flex;align-items:stretch;justify-content:center;gap:10px}.intro-controls-map>div{background:#f1ebf8;border:1px solid #d5c6e8;padding:20px 13px;flex:1;border-radius:12px;text-align:center;min-width:0}.intro-controls-map>i{align-self:center;color:#8463ae;font-style:normal;font-size:21px}.intro-controls-map>div>span{width:50px;height:50px;display:grid;place-items:center;background:#fff;color:#7551a3;border:2px solid #b69bce;border-radius:12px;font-size:27px;font-weight:600;margin:0 auto 16px}.intro-controls-map b{font-size:16px;color:#684792;display:block}.intro-controls-map p{font-size:12px;color:#79638f;line-height:1.5;margin:10px 0 0}.intro-tool-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px;font-size:12px;color:#79638f}.intro-tool-legend strong{font-size:12px;margin-right:5px}.intro-tool-legend span{padding:5px 10px;border:1px dashed #baa4d1;border-radius:20px}.intro-prompt-anatomy{display:grid;grid-template-columns:1fr 1fr;gap:17px}.prompt-bit{display:flex;gap:17px;align-items:center;padding:22px;border-radius:12px;border:1px solid var(--bit-line)}.prompt-bit>span{font-weight:700;font-size:23px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;flex-shrink:0}.prompt-bit b{display:block;font-size:21px;line-height:1.3}.prompt-bit small{font-size:13px;display:block;margin-top:7px;color:inherit}.bit-task{--bit-color:#2754a6;--bit-line:#b4c9ed;--bit-wash:#eaf1fe;background:var(--bit-wash);color:var(--bit-color)}.bit-age{--bit-color:#7551a3;--bit-line:#d0bde5;--bit-wash:#f1eafa;background:var(--bit-wash);color:var(--bit-color)}.bit-limits{--bit-color:#89531c;--bit-line:#e5c99e;--bit-wash:#fff1db;background:var(--bit-wash);color:var(--bit-color)}.bit-format{--bit-color:#267564;--bit-line:#a9d1c4;--bit-wash:#e9f5ef;background:var(--bit-wash);color:var(--bit-color)}.intro-role-note,.intro-source-note{font-size:13px;padding:14px 18px;border-radius:8px;background:#f5f7f6;color:#597367;margin:0 0 18px}.intro-source-note{margin:18px 0 0;border-left:3px solid #acbfb5}.intro-marked-prompt{display:flex;flex-direction:column;gap:10px}.intro-marked-prompt>div{display:grid;grid-template-columns:100px 1fr;gap:20px;border-left:5px solid var(--bit-color);border-radius:0 10px 10px 0;padding:17px 21px}.intro-marked-prompt b{font-size:10px;letter-spacing:.08em;align-self:center}.intro-marked-prompt p{font-size:15px;line-height:1.6;margin:0;color:var(--bit-color)}.intro-slide-action{display:flex;align-items:center;gap:22px;margin-top:22px}.intro-slide-action>a{font-size:14px;color:#365f9c}.intro-before-after{display:grid;grid-template-columns:1fr 35px 1.2fr;gap:18px;align-items:stretch}.intro-before,.intro-after{border-radius:13px;padding:26px;background:#f4f0f5;border:1px solid #ddd3df}.intro-before>p{font-size:24px;line-height:1.45;color:#847087;margin-bottom:18px}.intro-before ul{font-size:14px;color:#8b7689;margin:0;padding-left:20px}.intro-before li{margin:6px 0}.intro-after{background:#eaf4f0;border-color:#b9d8cc}.intro-after>p{font-size:20px;color:#32715f;line-height:1.6;margin:0}.intro-transform-arrow{align-self:center;font-size:32px;color:#ad7a37}.intro-specific-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.intro-specific-tags span{font-size:11px;border:1px solid #9bc3b2;background:#fff;padding:5px 9px;border-radius:5px;color:#32715f}.intro-refine-path{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}.intro-refine-path:before{content:"";position:absolute;left:10%;right:10%;top:20px;border-top:3px solid #c1abd9}.intro-refine-path>div{position:relative;padding:0 15px 20px;text-align:center}.intro-refine-path>div>span{display:grid;place-items:center;width:44px;height:44px;background:#7551a3;color:#fff;border:3px solid #fff;border-radius:50%;font-size:14px;font-weight:700;margin:0 auto 18px}.intro-refine-path b{font-size:19px;color:#684792;display:block;line-height:1.35;margin-bottom:13px}.intro-refine-path p{font-size:15px;color:#6d5c83;margin:0;line-height:1.6}.intro-refine-template{padding:18px 22px;background:#f1ebf8;border-radius:12px;color:#684792;margin-top:5px}.intro-refine-template>b{font-size:12px;display:block;margin-bottom:9px}.intro-refine-template p{font-size:16px;line-height:1.7;margin:0}.intro-refine-template u{text-underline-offset:4px;text-decoration-color:#baa0d4}.intro-safety-path{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;gap:18px;align-items:center}.intro-safety-path>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 15px 20px;background:#edf6f1;border-radius:13px;color:#327666;min-height:230px}.intro-safety-path>span{color:#84a899;font-size:26px}.intro-safety-path svg{width:85px;height:85px;margin-bottom:13px}.intro-safety-path b{font-size:19px;line-height:1.3}.intro-safety-path p{font-size:13px;color:#4f7667;margin:12px 0 0;line-height:1.6}.intro-first-task{background:#327666;color:#fff;padding:20px 24px;border-radius:13px;margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:10px 25px;align-items:center}.intro-first-task>b{font-size:13px}.intro-first-task p{font-size:15px;line-height:1.7;margin:0;grid-column:1}.intro-first-task .button{grid-column:2;grid-row:1/3;background:#fff;color:#327666;border:0;font-size:13px;min-height:48px}.intro-deck.intro-reading .intro-slide{border-radius:15px;margin-top:24px}.intro-deck.intro-reading .intro-toolbar{border-radius:15px}.intro-deck:not(.intro-ready) .intro-toolbar{display:none}.intro-deck:fullscreen{background:#f5f7fb;max-width:none;width:100%;height:100%;overflow:auto;padding:18px 3% 30px}.intro-deck:fullscreen .intro-deck-heading,.intro-deck:fullscreen .intro-timing,.intro-deck:fullscreen .intro-keyboard-hint{display:none}.intro-deck:fullscreen .intro-toolbar{position:sticky;top:0;z-index:5}.intro-deck:fullscreen .intro-slide{max-width:1400px;margin:auto;padding:30px 45px}.intro-deck:fullscreen .intro-slide h3{font-size:clamp(35px,3.5vw,54px)}.intro-deck:fullscreen .intro-slide-lead{font-size:19px}.intro-deck:fullscreen .intro-takeaway{font-size:18px}.intro-deck:fullscreen .intro-marked-prompt p{font-size:19px}.intro-deck:fullscreen .intro-interface-layout{max-width:1200px}.intro-deck:fullscreen .intro-chat-mock button{font-size:15px}.intro-deck:fullscreen .intro-interface-key p{font-size:18px}
@media(max-width:1000px){.intro-toolbar{gap:9px}.intro-select-label{font-size:0}.intro-select-label select{font-size:12px;max-width:245px}.intro-slide{padding:30px}.intro-interface-layout{grid-template-columns:1fr}.intro-interface-key{padding:18px}.intro-interface-key h4{font-size:19px;margin:8px 0}.intro-interface-key p{margin-bottom:8px}.intro-interface-note{padding-top:10px;margin-top:10px}.intro-controls-map{gap:7px}.intro-controls-map>div{padding:17px 9px}.intro-controls-map>i{display:none}.intro-controls-map b{font-size:14px}.intro-controls-map p{font-size:11px}.intro-training-flow{gap:16px}.intro-training-flow svg{width:145px}.intro-taxonomy{grid-template-columns:1.3fr 1fr}.intro-service-layer>div{padding:20px}.intro-slide h3{font-size:36px}}
@media(max-width:700px){.intro-deck{padding:35px 14px 45px}.intro-deck-heading{gap:15px}.intro-deck-heading h2{font-size:31px}.intro-deck-heading p{font-size:14px}.intro-deck-stamp{width:60px;height:67px;font-size:28px;border-radius:17px}.intro-deck-stamp small{font-size:10px}.intro-timing{font-size:12px;margin-bottom:16px}.intro-toolbar{padding:11px;gap:10px}.intro-pager{gap:9px}.intro-select-label{flex-basis:calc(100% - 160px);min-width:130px}.intro-select-label select{width:100%;max-width:none;min-width:0}.intro-toolbar>.quiet,.intro-toolbar>.button{flex:1;font-size:12px;padding:10px;justify-content:center}.intro-slide{padding:25px 20px;border-top-width:4px}.intro-slide h3{font-size:30px}.intro-slide-tag{font-size:9px;line-height:1.5;margin-bottom:13px;letter-spacing:.08em}.intro-slide-lead{font-size:14px}.intro-slide header{margin-bottom:20px}.intro-takeaway{font-size:13px;padding:14px;margin-top:20px}.intro-outcomes{gap:10px}.intro-outcome{padding:15px 7px;border-radius:10px}.intro-outcome svg{width:90px;max-width:100%;height:70px}.intro-outcome b{font-size:16px}.intro-outcome span{font-size:11px}.intro-taxonomy{grid-template-columns:1fr;gap:16px}.intro-ai-universe{padding:18px;min-height:0}.intro-ai-branch{width:80%;padding:16px}.intro-ai-universe>span{font-size:11px}.intro-service-layer{gap:12px}.intro-service-layer .intro-big-arrow{transform:rotate(90deg);font-size:28px}.intro-service-layer>div{padding:18px}.intro-service-layer b{font-size:20px}.intro-service-layer p{font-size:14px;margin:10px 0}.intro-training-lane{padding:15px 12px}.intro-training-flow{gap:8px;flex-wrap:wrap}.intro-training-flow svg{width:110px;height:90px}.intro-data-stack{width:100px;height:90px;padding-top:64px}.intro-data-stack i{left:10px;width:65px;height:35px}.intro-data-stack i:nth-child(2){left:15px}.intro-data-stack i:nth-child(3){left:20px}.intro-data-stack b{font-size:10px}.intro-training-flow .intro-big-arrow{font-size:21px}.intro-model-result{font-size:14px;padding:13px 17px}.intro-model-result b{font-size:18px}.intro-token-flow{flex-wrap:wrap;gap:8px}.intro-token-flow span,.intro-token-flow strong{font-size:12px;padding:9px 13px}.intro-answer-flow{grid-template-columns:1fr;gap:7px}.intro-answer-flow>div{min-height:0;padding:17px}.intro-answer-flow>span{transform:rotate(90deg);font-size:23px;line-height:1}.intro-answer-flow b{font-size:17px}.intro-answer-flow small{margin-bottom:8px}.intro-answer-flow p{font-size:12px;margin-top:8px}.intro-human-gate{flex-direction:column;gap:9px}.intro-human-gate strong{order:-1;font-size:17px}.intro-human-gate span{font-size:12px}.intro-balance{grid-template-columns:1fr;gap:15px}.intro-balance>div{padding:20px}.intro-balance ul{font-size:14px}.intro-symbol{width:32px;height:32px;font-size:24px;margin-bottom:12px}.intro-false-proof{gap:12px}.intro-false-proof span{font-size:14px;text-align:center}.intro-false-proof b{font-size:32px}.intro-chat-mock{grid-template-columns:85px 1fr}.intro-chat-mock aside{padding:7px}.intro-chat-mock aside button{font-size:10px;padding:5px;line-height:1.4}.intro-chat-mock aside>span,.mock-history{font-size:9px}.mock-toolbar{padding:7px}.mock-toolbar button{font-size:10px!important;padding:5px}.mock-messages{padding:9px;gap:9px}.mock-user{font-size:10px;padding:9px;max-width:98%}.intro-chat-mock .mock-answer{max-width:100%;padding:9px;gap:7px}.mock-answer>b{font-size:11px}.mock-answer span{font-size:10px}.mock-answer small{font-size:9px}.mock-compose{margin:0 7px 9px}.intro-chat-mock .mock-input{font-size:11px;padding:9px}.mock-input span{font-size:9px}.mock-compose-actions{gap:5px;padding:6px;flex-wrap:wrap}.mock-compose-actions button{font-size:9px;padding:5px;flex:1;white-space:nowrap}.intro-interface-key p{font-size:13px}.intro-interface-note{font-size:10px}.intro-interface-key .intro-small-label{font-size:9px}.intro-controls-map{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.intro-controls-map>div:last-child{grid-column:1/-1}.intro-controls-map>div{padding:17px 13px;display:grid;grid-template-columns:42px 1fr;gap:4px 12px;text-align:left;align-items:center}.intro-controls-map>div>span{width:40px;height:40px;font-size:23px;grid-row:1/3;margin:0}.intro-controls-map b{font-size:14px}.intro-controls-map p{font-size:11px;margin:0}.intro-tool-legend{font-size:11px}.intro-tool-legend strong{flex-basis:100%;font-size:11px}.intro-prompt-anatomy{grid-template-columns:1fr;gap:12px}.prompt-bit{padding:17px;gap:14px}.prompt-bit b{font-size:18px}.prompt-bit>span{width:35px;height:35px;font-size:20px}.prompt-bit small{font-size:12px;margin-top:5px}.intro-role-note,.intro-source-note{font-size:12px;padding:13px}.intro-marked-prompt>div{grid-template-columns:1fr;gap:7px;padding:14px 15px}.intro-marked-prompt b{font-size:9px}.intro-marked-prompt p{font-size:14px}.intro-slide-action{gap:13px;flex-wrap:wrap}.intro-slide-action>a{font-size:13px}.intro-before-after{grid-template-columns:1fr;gap:12px}.intro-before,.intro-after{padding:20px}.intro-before>p{font-size:21px}.intro-after>p{font-size:17px}.intro-transform-arrow{justify-self:center;transform:rotate(90deg);line-height:1;font-size:25px}.intro-refine-path{grid-template-columns:1fr;gap:15px}.intro-refine-path:before{left:20px;top:20px;bottom:20px;width:0;border-top:0;border-left:3px solid #c1abd9}.intro-refine-path>div{padding:0 0 15px 62px;text-align:left}.intro-refine-path>div>span{position:absolute;left:0;top:0;margin:0}.intro-refine-path b{font-size:18px;margin-bottom:9px}.intro-refine-path p{font-size:14px}.intro-refine-template{padding:16px}.intro-refine-template p{font-size:14px}.intro-safety-path{grid-template-columns:1fr;gap:8px}.intro-safety-path>div{display:grid;grid-template-columns:65px 1fr;gap:6px 13px;text-align:left;min-height:0;padding:17px}.intro-safety-path svg{grid-row:1/3;width:65px;height:65px;margin:0}.intro-safety-path b{font-size:17px}.intro-safety-path p{font-size:12px;margin:0}.intro-safety-path>span{text-align:center;transform:rotate(90deg);line-height:1;font-size:21px}.intro-first-task{grid-template-columns:1fr;padding:18px}.intro-first-task .button{grid-row:auto;grid-column:auto;margin-top:8px}.intro-first-task p{font-size:14px}.intro-deck:fullscreen{padding:8px}.intro-deck:fullscreen .intro-slide{padding:23px 18px}.intro-deck:fullscreen .intro-slide h3{font-size:30px}.intro-deck:fullscreen .intro-slide-lead,.intro-deck:fullscreen .intro-marked-prompt p{font-size:15px}.intro-deck:fullscreen .intro-takeaway{font-size:14px}.intro-deck:fullscreen .intro-chat-mock button{font-size:10px}.intro-deck:fullscreen .intro-interface-key p{font-size:14px}}
@media(max-width:380px){.intro-slide{padding:20px 14px}.intro-slide h3{font-size:27px}.intro-outcomes{grid-template-columns:1fr}.intro-outcome{flex-direction:row;text-align:left;gap:12px;padding:12px;flex-wrap:wrap}.intro-outcome svg{width:65px;height:50px;margin:0}.intro-outcome b{font-size:18px}.intro-outcome span{flex-basis:100%;padding-left:77px;margin-top:-15px}.intro-deck-stamp{display:none}.intro-chat-mock{grid-template-columns:1fr}.intro-chat-mock aside{display:flex;align-items:center;gap:10px;border-right:0;border-bottom:1px solid #c7d4e5}.intro-chat-mock aside button{width:auto;min-height:35px;flex-shrink:0;padding:6px 10px}.intro-chat-mock aside>span{margin:0}.mock-history{display:none}.intro-controls-map{grid-template-columns:1fr}.intro-controls-map>div:last-child{grid-column:auto}.intro-training-flow{flex-direction:column}.intro-training-flow>.intro-big-arrow{transform:rotate(90deg)}.intro-training-flow svg{width:150px;height:100px}.intro-ai-branch{width:100%}}
@media print{.intro-deck{display:block!important;padding:15px 0!important;color:#111!important}.intro-deck-heading{display:block}.intro-deck-stamp,.intro-toolbar,.intro-keyboard-hint,.intro-slide-action,.intro-interface-key .intro-small-label{display:none!important}.intro-slide,.intro-slide[hidden]{display:block!important;border:1px solid #aaa;border-radius:0;padding:15px!important;break-inside:avoid;page-break-inside:avoid;min-height:0;margin:15px 0}.intro-slide h3{font-size:21pt!important}.intro-slide-lead,.intro-takeaway{font-size:10pt!important}.intro-slide-tag{font-size:8pt}.intro-deck-heading h2{font-size:24pt}.intro-timing{font-size:9pt}.intro-marked-prompt p{font-size:10pt!important}.intro-chat-mock button{display:block!important}.intro-first-task .button{display:none!important}.intro-slide *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.intro-outcome svg{height:65px}.intro-slide header{margin-bottom:15px}.intro-takeaway{margin-top:15px}.intro-interface-layout{grid-template-columns:2fr 1fr}.intro-chat-mock{display:grid}.intro-interface-key p{font-size:9pt}}
.intro-route-link{margin:0 0 20px;padding:12px 16px;background:#edf3ff;border:1px solid #c1d1ed;border-radius:9px;font-size:14px}.intro-route-link a{color:#365f9c;font-weight:600}
@media print{.intro-route-link{display:none}}
/* Live mobile QA: keep schematic controls legible and comfortably tappable. */
@media(max-width:700px){
 .intro-chat-mock button,.intro-chat-mock .mock-toolbar button,.intro-chat-mock .mock-input,.intro-chat-mock .mock-send{font-size:12px!important;min-height:44px!important;line-height:1.45}
 .intro-chat-mock aside button{padding:8px 6px}
 .intro-chat-mock aside>span,.mock-history{font-size:11px}
 .mock-user,.mock-answer>b,.mock-answer span,.mock-input span{font-size:12px}
 .mock-answer small{font-size:11px}
 .mock-compose-actions{display:grid;grid-template-columns:1fr;gap:7px;padding:8px}
 .mock-compose-actions button{width:100%;padding:9px;white-space:normal}
 .mock-toolbar{padding:9px}
 .intro-interface-key p{font-size:14px}
}
@media(max-width:700px){.intro-training-flow{flex-direction:column;flex-wrap:nowrap}.intro-training-flow>.intro-big-arrow{transform:rotate(90deg);line-height:1}.intro-training-flow svg{width:160px;height:110px}.intro-data-stack{width:150px}.intro-data-stack i{left:28px;width:85px}.intro-data-stack i:nth-child(2){left:33px}.intro-data-stack i:nth-child(3){left:38px}.intro-data-stack b{font-size:12px}}