.learning-path{margin:2rem 0;padding:clamp(16px,3vw,28px);border:2px solid var(--border-color,#83977f);border-radius:22px;background:var(--card-bg,transparent)}
.learning-path h2{margin-top:.3em}.learning-path-step{margin:1.8em 0}.learning-path-step h3{margin-bottom:.4em}.learning-path-step p{margin-top:0}
.learning-path-map{margin:1.4rem 0}.learning-path-map figcaption{display:block!important;font-weight:bold;margin-bottom:1em}.learning-path-nodes{padding:0;list-style:none;display:grid;gap:12px}.learning-path-nodes li{padding:12px 16px;border:1px solid currentColor;border-radius:14px}.learning-path-nodes a{display:block;color:inherit;text-decoration:none}.learning-path-nodes a:hover{text-decoration:underline}.learning-path-drawing{margin:1.5rem 0;max-width:480px}.learning-path-drawing svg{display:block;width:100%;height:auto}.learning-path-drawing figcaption{display:block!important;font-size:.9em;line-height:1.6;margin-top:12px}.learning-path :target{scroll-margin-top:100px}.learning-path a:focus-visible{outline:3px solid currentColor;outline-offset:4px}

.learning-path-model{margin:1.5rem 0;max-width:720px}.learning-path-model svg{width:100%;height:auto;display:block}.learning-path-model figcaption{display:block!important;line-height:1.6;font-size:.9em;margin-top:12px}ol.learning-path-nodes{counter-reset:learningstep}ol.learning-path-nodes li{counter-increment:learningstep}ol.learning-path-nodes a::before{content:counter(learningstep) ". ";font-weight:800}

.learning-model-view{overflow-x:auto;border-radius:15px}.learning-path-model svg{min-width:560px}.learning-model-mobile-tip{display:none}@media(max-width:600px){.learning-model-mobile-tip{display:inline}}

/* A compact overview stays visible before illustrations and longer explanations. */
.learning-path-nodes{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.learning-path-nodes li{padding:10px 12px}.learning-path-step p,.learning-path-example p{max-width:65ch;line-height:1.65}.learning-path-model{clear:both}