/* V18: labeled teaching diagrams. Motion reveals only a physical relationship. */
body.academy-v9.academy-v9.academy-v9 main .learning-story{margin-block:72px;color:#183e33;--ls-p:1}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-head{grid-template-columns:1.15fr 1fr;gap:38px}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-head>p{font-size:17px;line-height:1.7;color:#4c6255}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-choices{border:1px solid #a8b5a4;background:#edf0e3;border-radius:18px 18px 0 0}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-choices button{font-size:17px;min-height:76px;padding:19px 24px;gap:18px}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-choices button span{font:600 14px/1.3 Manrope,sans-serif;letter-spacing:.08em}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-choices button[aria-pressed=true]{background:#214e3e;color:#fff8e9}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-explorer{grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);border:1px solid #a8b5a4;border-top:0;border-radius:0 0 18px 18px;background:#214e3e;overflow:hidden}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-visual{padding:22px;background:#f5f0e3;min-width:0}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-diagram-window{overflow:hidden;overscroll-behavior-x:contain;border-radius:13px;scrollbar-color:#789179 #e6e7d8;scrollbar-width:thin;max-width:100%}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-visual svg{width:100%;min-width:0;max-height:none;overflow:hidden;height:auto;display:block;--ls-p:inherit}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg text{font-family:Manrope,Arial,sans-serif;fill:#214c3d;letter-spacing:0;text-transform:none;text-shadow:none}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-label{font-size:24px;font-weight:600}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-kicker{font-size:22px;font-weight:600}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-number{font-size:17px;font-weight:600;letter-spacing:2px;fill:#60745f}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-small{font-size:22px;font-weight:400}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-takeaway{font-size:22px;font-weight:600;fill:#355641}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-symbol{font-size:36px;font-weight:400;fill:#8b683f}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-card{fill:#fffdf6;stroke:#b4c3ac;stroke-width:1.5}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-card.is-emphasis{fill:#e4ead7;stroke:#8caa86}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg :is(.ls18-link,.ls18-arrow){stroke:#6a866c;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg :is(.ls18-flow,.ls18-milk-flow,.ls18-coffee-flow){fill:none;stroke:#6faaa9;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:800;stroke-dashoffset:calc((1 - var(--ls-p))*800)}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-milk-flow{stroke:#fff4d8;stroke-width:10}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-coffee-flow{stroke:#82573d;stroke-width:10}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-heat{fill:none;stroke:#bb8750;stroke-width:4;stroke-dasharray:50;stroke-dashoffset:calc((1 - var(--ls-p))*50)}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-reveal{opacity:var(--ls-p)}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-press{transform:translateY(calc(var(--ls-p)*49px))}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-pan-hint{font:400 14px/1.5 Manrope,sans-serif;color:#55715a;margin:8px 0 12px}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-visual figcaption{font-size:30px;line-height:1.15;margin:23px 4px 12px;max-width:30ch}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-mode-note{font:400 16px/1.65 Manrope,sans-serif;color:#3c5d49;margin:12px 4px}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-motion-controls{padding:8px 3px 2px;gap:17px;flex-wrap:wrap}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-motion-controls button{min-height:48px;flex:0 1 200px;font-size:16px;padding:10px 15px;border-radius:8px;background:#fffdf6;color:#214e3e}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-motion-controls label{flex:1 1 160px}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-motion-controls input{min-height:48px;accent-color:#214e3e}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-visual-note{font-size:14px;line-height:1.6;margin:14px 4px 0;text-align:left;color:#5b705c}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-copy{padding:36px 30px;justify-content:flex-start}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-copy h3{font-size:38px;line-height:1.1;color:#fff7e9}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-copy p{font-size:17px;line-height:1.8;color:#edf2e4}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-stage-count{font-size:14px;color:#d6e1c7;margin-bottom:23px}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-navigation{margin-top:auto}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-navigation button{font-size:16px;min-height:48px}
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-answers button{font-size:16px;min-height:60px;line-height:1.6;padding:18px;border-radius:10px}
body.academy-v9.academy-v9.academy-v9 main .learning-story :is(button,input,summary,.ls-diagram-window):focus-visible{outline:3px solid #c29344;outline-offset:4px}
body.academy-v9.academy-v9.academy-v9 main .learning-story [hidden]{display:none!important}
@media(max-width:1050px){body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-explorer{grid-template-columns:1fr}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-copy{padding:32px;min-height:0}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-copy p{max-width:72ch}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-navigation{margin-top:10px}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-choices button{font-size:16px;padding:17px}}
@media(max-width:760px){body.academy-v9.academy-v9.academy-v9 main .learning-story{padding:0 16px;margin-block:48px}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-head{grid-template-columns:1fr;gap:18px}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-visual{padding:12px}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-choices button{min-height:58px;padding:14px 18px}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-copy{padding:28px 22px}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-copy h3{font-size:34px}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-copy p{font-size:16px}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-visual figcaption{font-size:28px}}
@media(prefers-reduced-motion:reduce){body.academy-v9.academy-v9.academy-v9 main .learning-story svg{--ls-p:1!important}}
@media print{body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-diagram-window{overflow:visible}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-visual svg{min-width:0}body.academy-v9.academy-v9.academy-v9 main .learning-story .ls-mode-note{display:none}}

/* Complete localized SVG labels retain their own wrapping. */
body.academy-v9.academy-v9.academy-v9 main .learning-story .ls18-en{display:none}
html[lang="en"] body.academy-v9.academy-v9.academy-v9 main .learning-story .ls18-de{display:none}
html[lang="en"] body.academy-v9.academy-v9.academy-v9 main .learning-story .ls18-en{display:revert}
body.academy-v9.academy-v9.academy-v9 main .learning-story :is(.ls18-mobile-key,.ls18-mobile-legend,.ls-pan-hint){display:none}
@media(max-width:600px){
 body.academy-v9.academy-v9.academy-v9 main .learning-story svg :is(.ls18-label,.ls18-small,.ls18-takeaway){display:none!important}
 body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-mobile-key{display:block;font-size:39px;fill:#214e3e;font-weight:600}
 body.academy-v9.academy-v9.academy-v9 main .learning-story .ls18-mobile-legend{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:10px 4px 18px;list-style:none}
 body.academy-v9.academy-v9.academy-v9 main .learning-story .ls18-mobile-legend li{display:flex;align-items:baseline;gap:15px;padding:12px;border:1px solid #b5c2ad;border-radius:9px;background:#fffaf0;font:400 16px/1.6 Manrope,sans-serif;color:#214e3e}
 body.academy-v9.academy-v9.academy-v9 main .learning-story .ls18-mobile-legend li>span:first-child{font-size:13px;letter-spacing:.08em;color:#6a7c63}
}

body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-card-label{font-size:22px}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-card-label.ls18-compact{font-size:20px}
body.academy-v9.academy-v9.academy-v9 main .learning-story svg .ls18-card-number{font-size:14px;font-weight:600;fill:#60745f;letter-spacing:1px}
