.teaching-example{border:1px solid #d7e6ef;border-radius:20px;background:#fff;margin:0 0 20px;overflow:hidden;min-width:0}
.teaching-example>summary{display:flex;gap:12px;align-items:center;padding:17px 20px;cursor:pointer;color:#263c51;list-style:none}
.teaching-example>summary::after{content:'+';margin-left:auto;font-size:24px;color:#657d8d}.teaching-example[open]>summary::after{content:'−'}
.teaching-summary-note{font-size:13px;color:#647b8f}.teaching-example-body{padding:0 20px 20px}.teaching-purpose{font-size:18px;font-weight:650;color:#263c51;margin:0 0 14px}
.teaching-reasoning{padding:0;list-style:none;counter-reset:reason;display:grid;gap:10px;margin:12px 0 18px}.teaching-reasoning li{counter-increment:reason;display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.55}.teaching-reasoning li::before{content:counter(reason);flex:0 0 26px;height:26px;text-align:center;border-radius:50%;background:#eef5fa;color:#3b6d85;font-weight:700}
.teaching-rule{border-left:3px solid #00b7e8;border-radius:0 12px 12px 0;background:#edf9fc;padding:12px 16px;font-size:15px;line-height:1.55}.teaching-rule p{margin:4px 0 0;color:#345267}.teaching-recap{margin-bottom:20px}
.teaching-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;align-items:start;min-width:0}.teaching-example-grid>div{min-width:0}.teaching-example-grid h3{font-size:17px;margin:0 0 8px;line-height:1.4}.teaching-example-grid p{font-size:13px;line-height:1.5;color:#657a8e}.teaching-field{width:100%;display:block;aspect-ratio:720/520}
.teaching-code{background:#f5f8fc;border:1px solid #e4ecf4;border-radius:12px;overflow:auto;max-height:310px;padding:12px 0;font-size:12px;line-height:1.8}.teaching-code>div{display:flex;min-width:max-content;padding-right:12px;transition:background .12s}.teaching-code>div>span{width:32px;flex-shrink:0;text-align:right;margin-right:16px;color:#8a9ead;user-select:none}.teaching-code code{white-space:pre;color:#274962}.teaching-code .current{background:#d4f3fc;border-left:3px solid #00b7e8}.teaching-proof{font-size:12px!important}.teaching-pitfall{background:#fff8ec;padding:12px 16px;border-radius:12px;font-size:14px;margin:16px 0 0;line-height:1.55;color:#6b5439}
.teaching-support{display:flex;gap:12px;padding:16px 20px;border-radius:16px;background:#eff7fb;margin-bottom:20px;align-items:flex-start}.teaching-support p{font-size:15px;line-height:1.5;margin:5px 0;color:#345267}.teaching-support small{font-size:13px;color:#5f7689;line-height:1.5;display:block}
.assembly-board{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:16px;background:#f4f9fc;border-radius:16px;margin-bottom:18px;min-width:0}.assembly-board>.assembly-robot{width:130px;height:150px;align-self:start}.assembly-board>div{min-width:0}.assembly-board p{font-size:13px;line-height:1.5;color:#5a7286;margin:6px 0 12px}.assembly-board ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.assembly-board li{display:flex;gap:8px;align-items:start;font-size:12px;color:#7f92a1}.assembly-board li>span{font-weight:750;width:14px;flex-shrink:0}.assembly-board li.installed{color:#257058}.assembly-board li b{font-size:12px}.assembly-board li small{display:block;line-height:1.45;font-size:11px;color:#67808e;margin-top:1px}.assembly-board li:not(.installed) small{display:none}
.lesson-program-workspace .assembly-board{grid-column:1/-1}.lesson-program-workspace .teaching-support,.lesson-program-workspace .teaching-example{grid-column:1/-1}.lesson-work-area>.teaching-example,.lesson-work-area>.teaching-support,.lesson-work-area>.teaching-rule{grid-column:1/-1}
.assembly-preview .robot-svg{max-height:190px}.depth-settings .assembly-board{grid-column:1/-1;grid-template-columns:90px 1fr}.depth-settings .assembly-board>.assembly-robot{width:90px;height:110px}.depth-settings .assembly-board li{font-size:11px}.depth-settings .assembly-board li:not(.installed){display:none}
@media(max-width:850px){.teaching-example-grid{grid-template-columns:1fr}.teaching-summary-note{display:none}.teaching-example>summary{padding:15px}.teaching-example-body{padding:0 15px 15px}.teaching-support{padding:14px}.assembly-board{grid-template-columns:90px 1fr;padding:12px;gap:12px}.assembly-board>.assembly-robot{width:90px;height:115px}.teaching-code{font-size:12px}.teaching-reasoning li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.teaching-code>div{transition:none}}

.ac-predict-layout>.teaching-example,.ac-predict-layout>.teaching-support{grid-column:1/-1}
.teaching-example-grid [data-rover-zoom]{display:none}

.teaching-blocks{display:grid;gap:6px;max-height:320px;overflow:auto}.teaching-readonly-block{background:#e8f5fc;border:1px solid #c6e5f2;border-radius:9px;padding:10px 12px;font-size:13px;color:#23526b;line-height:1.6}.teaching-readonly-block.current{background:#c9f2fb;box-shadow:inset 3px 0 #00a9d4}.teaching-block-body{border-left:2px solid #a7d8e9;margin:8px 0 0 4px;padding-left:10px;display:grid;gap:6px}.teaching-branch>b{display:block;padding:5px 0;font-size:12px}.teaching-source{margin-top:10px;font-size:12px;color:#607c8e}.teaching-source summary{cursor:pointer;margin:8px 0}.teaching-example-body>[data-action=teaching-practice]{margin-top:16px}

.ac-predict-layout>.ac-predict{grid-column:1/-1}
