.concept-icon{display:inline-block;flex:0 0 auto;color:var(--gold-text);vertical-align:middle}
.vl-glyph{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.question-cue{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text)}
.question-cue>span{display:flex;flex-direction:column;font-size:16px;line-height:1.5}
.question-cue-label{font-size:14px;color:var(--muted)}
.learning-visual{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text)}
.visual-heading{display:flex;align-items:center;gap:14px}.visual-heading h3{margin:0;font-size:20px;line-height:1.4}
.learning-diagram{display:block;width:100%;max-width:520px;height:auto;margin:20px auto;color:var(--text);overflow:visible}
.learning-diagram .vl-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.learning-diagram .vl-label{font:20px Inter,system-ui,sans-serif;fill:var(--text);stroke:none}
.learning-diagram .vl-muted{color:var(--muted);stroke:var(--muted)}
.learning-diagram text.vl-muted{fill:var(--muted);stroke:none}
.learning-diagram .vl-dashed{stroke-dasharray:5 6}
.learning-diagram .vl-accent{stroke:var(--gold-text);stroke-width:3}
.learning-diagram .vl-wind{stroke:var(--gold-text);stroke-dasharray:9 5;stroke-width:3}
.learning-diagram .vl-ground{stroke:var(--muted);stroke-width:3}
.learning-diagram .vl-aircraft,.learning-diagram .vl-terrain,.learning-diagram .vl-building{fill:var(--raised);stroke:var(--text);stroke-width:2;stroke-linejoin:round}
.learning-diagram .vl-air{fill:var(--raised);stroke:var(--muted);stroke-width:1.5}
.learning-diagram .vl-band{fill:var(--raised);stroke:var(--text);stroke-width:1.5}
.learning-diagram .vl-band-1{fill:var(--gold);stroke:var(--text)}
.learning-diagram .vl-band-2{fill:var(--surface);stroke:var(--text);stroke-dasharray:4 3}
.learning-diagram .vl-step{fill:var(--raised);stroke:var(--muted);stroke-width:1.5}
.learning-diagram .vl-centre{fill:var(--gold-text)}
.learning-diagram .vl-fog{stroke:var(--muted);stroke-width:5;stroke-linecap:round}
.visual-caption{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 20px;max-width:65ch}
.visual-notes{display:grid;gap:16px;margin:0}.visual-notes>div{min-width:0}.visual-notes dt{display:flex;gap:10px;align-items:baseline;font-size:16px;font-weight:700;line-height:1.5}.visual-note-index{display:inline-grid;place-items:center;flex:0 0 26px;min-height:26px;border:1px solid var(--line);border-radius:50%;font-size:14px;font-variant-numeric:tabular-nums}.visual-notes dd{margin:5px 0 0 36px;font-size:16px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}
.memory-hook{margin:24px 0 0;padding:18px;background:var(--raised);border-radius:10px;color:var(--text);font-size:18px;line-height:1.5}.memory-hook>span{display:block;margin-bottom:5px;font-weight:700;font-size:14px;color:var(--gold-text)}
@media(min-width:700px){.learning-visual-compare .visual-notes,.learning-visual-bands .visual-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.learning-visual{padding:16px;margin:24px -4px}.visual-heading{gap:10px}.visual-heading h3{font-size:18px}.learning-diagram{margin:16px auto}.memory-hook{font-size:17px;padding:16px}.visual-notes{gap:14px}}
@media(prefers-reduced-motion:reduce){.learning-visual,.question-cue{animation:none;transition:none}}

.learning-diagram .vl-buffer{fill:none;stroke:var(--muted);stroke-width:2;stroke-dasharray:7 5}
.learning-diagram .vl-fire{fill:var(--raised);stroke:var(--gold-text);stroke-width:3}
.learning-diagram .vl-pass-cell{fill:var(--gold);stroke:var(--text);stroke-width:1}
.learning-diagram .vl-empty-cell{fill:var(--bg);stroke:var(--text);stroke-width:1.5}