.guide-page .teaching-diagram{counter-reset:none;background:radial-gradient(at 100% 0,#362217 0,#0000 55%),#171411;border:1px solid #76513c;border-radius:16px;margin:36px 0;padding:28px;scroll-margin-top:100px;overflow:hidden}.teaching-diagram header{margin-bottom:28px}.teaching-label{letter-spacing:.1em;text-transform:uppercase;color:#ffb38e;font-size:.78rem;font-weight:750}.guide-page .teaching-diagram h2{color:#fff3e8;text-wrap:balance;margin:12px 0;font-size:clamp(1.6rem,2.3vw,2.1rem);line-height:1.16}.guide-page .teaching-diagram header p{color:#d6c5b7;margin:0;font-size:1rem;line-height:1.65}.guide-page .teaching-nodes{gap:18px;margin:0;padding:0;list-style:none;display:grid}.guide-page .teaching-nodes li{background:#211b16;border:1px solid #67503d;border-radius:12px;align-items:flex-start;gap:12px;min-width:0;margin:0;padding:20px;list-style:none;display:flex;position:relative}.teaching-number{color:#24180f;background:#ffad83;border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.guide-page .teaching-nodes h3{color:#fff2e7;overflow-wrap:anywhere;margin:0 0 10px;font-size:1.1rem;line-height:1.35}.guide-page .teaching-nodes p{color:#d9c8ba;margin:0;font-size:1rem;line-height:1.65}.teaching-node-copy{width:100%;min-width:0}.guide-page .teaching-diagram figcaption{color:#e0d0c1;border-top:1px dashed #87634a;flex-direction:column;gap:8px;margin-top:26px;padding-top:20px;font-size:1rem;line-height:1.65;display:flex}.teaching-diagram figcaption strong{color:#ffb38e;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.teaching-flow .teaching-nodes{grid-template-columns:1fr 1fr;gap:34px 28px}.teaching-flow .teaching-nodes li:after{content:"↓";color:#ffad83;font-size:23px;position:absolute;bottom:-31px;left:calc(50% - 8px)}.teaching-flow .teaching-nodes li:nth-child(odd):after{content:"→";inset:calc(50% - 18px) -24px auto auto}.teaching-flow .teaching-nodes li:nth-child(2):after{content:"↙";bottom:-34px;left:-24px}.teaching-flow .teaching-nodes li:last-child:after{display:none}.teaching-branch .teaching-nodes{grid-template-columns:1fr 1fr;gap:32px 18px}.teaching-branch .teaching-nodes li:first-child{background:#332217;border-color:#bb7852;grid-column:1/-1}.teaching-branch .teaching-nodes li:not(:first-child):before{content:"↓";color:#ffad83;font-size:22px;position:absolute;top:-31px;left:28px}.teaching-compare .teaching-nodes{grid-template-columns:1fr 1fr;gap:18px}.teaching-compare .teaching-nodes li:first-child{border-style:dashed}.teaching-compare .teaching-nodes li:nth-child(2){border-color:#c38660}.teaching-compare .teaching-number{color:#ffd1b9;background:#493126;border-radius:6px}.teaching-anatomy{grid-template-columns:minmax(190px,.8fr) minmax(0,1.3fr);gap:0 28px;display:grid}.teaching-anatomy header,.teaching-anatomy figcaption{grid-column:1/-1}.teaching-sketch{color:#342319;background:#f3e2cb;border:3px solid #9e7757;border-radius:28px 24px 30px 22px;align-self:start;min-width:0;padding:20px 16px;transform:rotate(-1deg);box-shadow:6px 7px #78513855}.teaching-sketch .sketch-tab{letter-spacing:.1em;border-bottom:2px solid #a48569;margin-bottom:18px;padding-bottom:14px;font:700 10px/1.4 monospace}.teaching-sketch b{color:#fff;background:#b94320;border:2px solid #f3e2cb;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:12px;display:flex;position:absolute;top:-10px;left:-8px}.sketch-name,.sketch-promise,.sketch-screen,.sketch-footer{border:1px dashed #8e6950;margin:16px 0;padding:14px 10px;position:relative}.sketch-name{border-bottom:3px solid #bd5937;font-size:18px;font-weight:800;line-height:1.2}.sketch-promise{font-size:15px;font-weight:700;line-height:1.4}.sketch-screen{background:#e5c6a5;border:2px solid #967356;border-radius:8px;min-height:130px;overflow:visible}.sketch-landscape{clip-path:polygon(0 100%,35% 10%,55% 60%,75% 20%,100% 100%);background:#b26a48;height:64px}.sketch-lines{flex-direction:column;gap:10px;margin:16px 0 4px;display:flex}.sketch-lines i{background:#9c765b;border-radius:3px;height:5px}.sketch-lines i:nth-child(2){width:70%}.sketch-footer{font-size:12px;line-height:1.4}.sketch-note{padding-top:8px;font:italic 12px/1.4 Georgia,serif;display:block}.teaching-paper{border-radius:3px 8px 3px 6px}.teaching-paper .sketch-screen{min-height:95px}.teaching-anatomy .teaching-nodes{gap:12px}.guide-page .teaching-anatomy .teaching-nodes li{background:0 0;border:none;border-left:2px solid #b96b47;border-radius:0;padding:14px}.guide-page .teaching-axis{color:#ffbf9f;margin:0 0 16px;font-size:.85rem}.teaching-bar-track{background:repeating-linear-gradient(90deg,#382b22 0 calc(25% - 1px),#72533e calc(25% - 1px) 25%);border:1px solid #78614f;border-radius:4px;height:24px;margin-top:16px;overflow:hidden}.teaching-bar-track span{background:#e68451;border-right:2px solid #ffcfb4;height:100%;display:block}@media (max-width:700px){.guide-page .teaching-diagram{margin:28px 0;padding:20px 16px;scroll-margin-top:90px}.guide-page .teaching-diagram h2{text-wrap:pretty;font-size:1.65rem}.teaching-flow .teaching-nodes,.teaching-branch .teaching-nodes,.teaching-compare .teaching-nodes{grid-template-columns:1fr}.teaching-flow .teaching-nodes{gap:30px}.teaching-flow .teaching-nodes li:after,.teaching-flow .teaching-nodes li:nth-child(odd):after,.teaching-flow .teaching-nodes li:nth-child(2):after{content:"↓";inset:auto auto -30px calc(50% - 8px)}.teaching-branch .teaching-nodes li:first-child{grid-column:auto}.guide-page .teaching-nodes li{gap:10px;padding:16px 12px}.teaching-anatomy{grid-template-columns:1fr;gap:24px}.teaching-anatomy header,.teaching-anatomy figcaption{grid-column:auto;margin:0}.teaching-sketch{box-sizing:border-box;justify-self:center;width:100%;max-width:280px}.guide-page .teaching-nodes h3{font-size:1.06rem}.guide-page .teaching-nodes p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.teaching-sketch{transform:none}}.sketch-expense{grid-template-columns:1fr auto;gap:14px 6px;padding-block:12px;font:12px/1.4 Arial,sans-serif;display:grid}.sketch-expense strong{font-size:12px}@media (max-width:700px){.teaching-branch .teaching-nodes li:not(:first-child){margin-left:20px}.teaching-branch .teaching-nodes li:not(:first-child):before{content:"→";top:18px;left:-24px}}