.visual-article{max-width:860px}.visual-article h1{max-width:780px}.visual-article .article-dek{margin-bottom:12px}.visual-article .article-meta{margin-bottom:25px}.lesson-visual{margin:24px 0 20px;padding:24px 28px 18px;border:1px solid #dbd0e5;border-radius:24px;background:#f1eaf9;position:relative;overflow:hidden}.visual-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#675178}.lesson-visual figcaption{font-size:12px;color:#695c74;line-height:1.55;border-top:1px solid #d9cde4;padding-top:13px;margin-top:16px}.mcp-scene{background:#eef2df;border-color:#d5dfbc}.mcp-scene figcaption{border-color:#d1dabd}.mcp-flow{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px;min-height:265px;padding-top:10px}.scene-character{text-align:center}.scene-character img{width:195px;height:195px;object-fit:contain;display:block;margin:0 auto}.scene-character strong{font:800 18px/1.3 var(--display)}.scene-connector{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;isolation:isolate}.connection-line{position:absolute;top:75px;left:-18px;right:-18px;height:3px;background:#9ea97e;z-index:-1}.connection-line:after{content:'↔';display:block;background:#eef2df;margin:auto;text-align:center;width:30px;color:#6b7753;transform:translateY(-12px)}.connection-tag{font:900 27px/1 var(--display);color:var(--purple);background:#eef2df;padding:0 10px}.mini-plug{width:105px;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;border:3px solid #654b7b;border-radius:16px;background:#fffcf8;box-shadow:4px 4px 0 #d8c7e9;margin-top:19px}.mini-plug i{width:5px;height:9px;background:#ad98c1;border-radius:2px}.scene-connector small{font-size:11px;color:#65714e;white-space:nowrap}.tool-stack{display:grid;gap:13px;padding:12px}.tool-stack>div{display:flex;align-items:center;gap:15px;background:#fffaf0;border:2px solid #a598b2;border-radius:12px;padding:11px 14px;box-shadow:4px 4px 0 #dce4cb;font:800 16px/1.3 var(--display);transform:rotate(3deg)}.tool-stack>div:nth-child(2){background:#f6e5f0;transform:rotate(-3deg)}.tool-stack>div:nth-child(3){background:#e9e2f6;transform:rotate(2deg)}.tool-stack span{font-size:22px;font-weight:400;color:#77538c}.visual-article .takeaway{padding:17px 23px;margin:20px 0 26px;font-size:15px}.explain-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.explain-pair section{border-top:1px solid var(--line);padding-top:17px}.article-body .explain-pair h2{margin:0 0 9px;font-size:21px}.article-body .explain-pair p{font-size:14px;line-height:1.7;margin:0}.mochi-tip{display:flex;align-items:center;gap:19px;background:#f8edf3;border-radius:17px;padding:13px 23px 13px 10px;margin-top:25px;border:1px solid #efdee7}.mochi-tip img{width:100px;height:100px;flex-shrink:0;object-fit:contain}.mochi-tip span{color:#8b4f76;text-transform:uppercase;font-size:9px;letter-spacing:.11em;font-weight:700}.article-body .mochi-tip p{font-size:14px;line-height:1.6;margin:4px 0}.desk-scene{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center;padding-top:14px;min-height:275px}.desk-mochi{position:relative;text-align:center}.desk-mochi img{width:185px;height:185px;object-fit:contain}.desk-mochi>span{display:block;font:800 13px/1.3 var(--display);color:#74528f;transform:rotate(-3deg)}.working-desk{padding:18px 17px 11px;background:#fff8eb;border:2px solid #c8af8c;border-radius:13px;box-shadow:0 7px 0 #cbb69c;transform:rotate(1deg)}.desk-label{text-align:center;font-size:10px;font-weight:800;letter-spacing:.13em;color:#88715c;margin:0 0 16px}.desk-papers{display:grid;grid-template-columns:1fr 1fr;gap:13px}.desk-paper{padding:12px 7px;border:1px solid #c3b0d3;border-radius:6px;background:#e8e0f6;box-shadow:3px 3px 0 #d6cbb9;text-align:center;transform:rotate(-3deg)}.desk-paper:nth-child(2){background:#f8dce9;transform:rotate(3deg)}.desk-paper:nth-child(3){background:#e4edcb;transform:rotate(2deg)}.desk-paper:nth-child(4){background:#fff;border:2px dashed #a28cb4;transform:rotate(-2deg)}.desk-paper>span{display:block;font-size:21px;color:#7b5e92;line-height:1}.desk-paper strong{display:block;font:800 13px var(--display);margin:5px 0 3px}.desk-paper small{font-size:10px;color:#796a80}.desk-edge{height:5px;background:#c8b195;border-radius:3px;margin-top:17px}.inference-scene{background:#f9edf3;border-color:#ead4df}.inference-scene figcaption{border-color:#e9d6e1}.recipe-flow{display:grid;grid-template-columns:1fr 34px 1fr;gap:8px;align-items:center;padding:20px 0 0}.recipe-panel{background:#f0e6fa;border:1px solid #d7c6e5;border-radius:18px;padding:16px 12px 20px;text-align:center}.recipe-panel.serving{background:#fff4dc;border-color:#e3d3af}.recipe-step{display:block;font-size:10px;letter-spacing:.1em;color:#7d6197;font-weight:800}.recipe-panel img{width:190px;height:190px;object-fit:contain;margin:10px auto 7px;display:block}.recipe-panel strong{font:900 23px/1.2 var(--display);display:block}.recipe-panel p{font-size:12px;line-height:1.6;color:#796580;margin:8px 0 0}.recipe-arrow{font:700 34px var(--display);color:#a086af;text-align:center}.illustrated-cover{padding-right:105px;font-size:32px;letter-spacing:-1.3px}.illustrated-cover>img{position:absolute;right:4px;bottom:9px;width:105px;height:105px;object-fit:contain;transform:rotate(5deg)}
@media(max-width:900px){.scene-character img{width:175px;height:175px}.desk-scene{grid-template-columns:170px 1fr}.desk-mochi img{width:165px;height:165px}.illustrated-cover{padding-right:90px;font-size:28px}.illustrated-cover>img{width:90px;height:90px}}
@media(max-width:680px){.lesson-visual{padding:19px 16px 15px;border-radius:19px}.mcp-flow{grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding-top:16px}.scene-character img{width:135px;height:135px}.scene-character strong{font-size:16px}.scene-connector{grid-column:2;grid-row:1;gap:8px}.connection-tag{font-size:27px}.connection-line{left:-17px;right:-5px;top:67px}.mini-plug{width:88px;height:35px;margin-top:14px}.scene-connector small{font-size:10px}.tool-stack{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 0 0}.tool-stack>div{padding:10px 6px;gap:6px;justify-content:center;font-size:12px;border-radius:10px;box-shadow:2px 3px 0 #dce4cb}.tool-stack span{font-size:17px}.lesson-visual figcaption{font-size:11px;margin-top:18px;padding-top:12px}.desk-scene{grid-template-columns:1fr;gap:7px;padding-top:10px}.desk-mochi{display:flex;align-items:center;justify-content:center;gap:15px}.desk-mochi img{width:105px;height:105px}.desk-mochi>span{font-size:15px}.working-desk{padding:16px 14px 9px;margin:0 2px 6px}.desk-paper{padding:12px 5px}.desk-paper strong{font-size:12px}.desk-label{margin-bottom:12px}.explain-pair{gap:19px}.article-body .explain-pair h2{font-size:18px}.article-body .explain-pair p{font-size:13px}.mochi-tip{padding:10px 15px 10px 5px;gap:10px}.mochi-tip img{width:83px;height:83px}.article-body .mochi-tip p{font-size:12px}.visual-article .takeaway{padding:15px 19px;font-size:14px}.recipe-flow{gap:7px;grid-template-columns:1fr 15px 1fr;padding-top:15px}.recipe-panel{padding:13px 7px 16px;border-radius:13px}.recipe-step{font-size:8px;letter-spacing:.06em}.recipe-panel img{width:115px;max-width:100%;height:130px;margin-top:8px}.recipe-panel strong{font-size:17px}.recipe-panel p{font-size:10px}.recipe-arrow{font-size:22px}.illustrated-cover{padding:30px 10px 76px;font-size:29px;min-height:150px}.illustrated-cover>img{width:81px;height:81px;right:50%;transform:translateX(50%) rotate(5deg);bottom:1px}}
@media(max-width:380px){.explain-pair{grid-template-columns:1fr}.recipe-panel strong{font-size:15px}.recipe-panel p{font-size:9px}.lesson-visual{padding-inline:13px}.recipe-flow{gap:5px;grid-template-columns:1fr 14px 1fr}.illustrated-cover{padding-right:105px;padding-bottom:24px}.illustrated-cover>img{right:8px;bottom:12px;transform:rotate(5deg)}}
.rag-scene{background:#eef2df;border-color:#d5dfbc}.rag-scene figcaption{border-color:#d1dabd}.rag-flow{display:grid;gap:8px}.rag-shelf{padding:11px 14px 9px;background:#f6e5f0;border:2px solid #c3b0d3;border-radius:13px;box-shadow:0 5px 0 #d8c7e9;transform:rotate(-1deg)}.rag-shelf .desk-label{margin:0 0 6px}.rag-books{display:flex;justify-content:center;gap:18px}.rag-books .frame-sticker{width:56px;height:56px}.rag-arrow{text-align:center;font:800 18px/1.2 var(--display);color:#6b7753}.rag-arrow span{font-size:12px;color:#65714e}
@media(max-width:680px){.rag-books{gap:12px}.rag-books .frame-sticker{width:46px;height:46px}.rag-shelf{padding:9px 10px 7px;margin:0 2px}.rag-arrow{font-size:16px}.rag-arrow span{font-size:11px}}

.pue-scene{background:#fff5d7;border-color:#e6d6aa}.pue-scene figcaption{border-color:#e1d2af}.pue-panels{margin-top:4px}.pue-panels>div{padding:10px 10px 16px}.pue-panels .frame-sticker{width:84px;height:84px;margin:0 auto 4px}.pue-panels strong{font-size:24px}.pue-scene .message-bubble{font-size:19px}
@media(max-width:680px){.pue-panels .frame-sticker{width:60px;height:60px}.pue-panels strong{font-size:17px}.pue-panels>div{padding:9px 5px 12px}.pue-scene .message-bubble{font-size:16px}}

.npu-scene{background:#efe8fa;border-color:#d5c8e8}.npu-scene figcaption{border-color:#d3c7e4}.npu-panels{margin-top:4px}.npu-panels>div{padding:10px 10px 16px}.npu-panels .frame-sticker{width:84px;height:84px;margin:0 auto 4px}.npu-panels strong{font-size:22px}.npu-scene .message-bubble{font-size:19px}
@media(max-width:680px){.npu-panels .frame-sticker{width:60px;height:60px}.npu-panels strong{font-size:16px}.npu-panels>div{padding:9px 5px 12px}.npu-scene .message-bubble{font-size:16px}}

.socamm-scene{background:#fdeef3;border-color:#efccd9}.socamm-scene figcaption{border-color:#eccbd7}.socamm-panels{margin-top:4px}.socamm-panels>div{padding:10px 10px 16px}.socamm-panels .frame-sticker{width:84px;height:84px;margin:0 auto 4px}.socamm-panels strong{font-size:22px}.socamm-scene .message-bubble{font-size:19px}
@media(max-width:680px){.socamm-panels .frame-sticker{width:60px;height:60px}.socamm-panels strong{font-size:16px}.socamm-panels>div{padding:9px 5px 12px}.socamm-scene .message-bubble{font-size:16px}}

.photonics-scene{background:#e8f3f7;border-color:#c5dde6}.photonics-scene figcaption{border-color:#c6dce4}.photonics-panels{margin-top:4px}.photonics-panels>div{padding:10px 10px 16px}.photonics-panels .frame-sticker{width:84px;height:84px;margin:0 auto 4px}.photonics-panels strong{font-size:22px}.photonics-scene .message-bubble{font-size:19px}
@media(max-width:680px){.photonics-panels .frame-sticker{width:60px;height:60px}.photonics-panels strong{font-size:16px}.photonics-panels>div{padding:9px 5px 12px}.photonics-scene .message-bubble{font-size:16px}}

.vram-scene{background:#e9f6ef;border-color:#c4e3d1}.vram-scene figcaption{border-color:#c6e0d0}.vram-panels{margin-top:4px}.vram-panels>div{padding:10px 10px 16px}.vram-panels .frame-sticker{width:84px;height:84px;margin:0 auto 4px}.vram-panels strong{font-size:22px}.vram-scene .message-bubble{font-size:19px}
@media(max-width:680px){.vram-panels .frame-sticker{width:60px;height:60px}.vram-panels strong{font-size:16px}.vram-panels>div{padding:9px 5px 12px}.vram-scene .message-bubble{font-size:16px}}