.learn-story{--ls-display:var(--font-display, var(--display, sans-serif));--ls-mono:var(--font-mono, var(--mono, monospace));margin:42px 0;color:var(--ink)}.learn-story .ls-intro{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}.learn-story .ls-kicker{margin:0 0 7px;color:var(--gold-ink);font:600 .72rem/1.5 var(--ls-display);letter-spacing:.12em;text-transform:uppercase}.learn-story h3{margin:0;font:600 clamp(1.35rem,3vw,1.8rem)/1.25 var(--ls-display);color:var(--ink)}.learn-story .ls-controls{display:none;gap:8px;flex-shrink:0}.learn-story.is-enhanced .ls-controls{display:flex}.learn-story button{font:500 .8rem/1.4 var(--ls-display);cursor:pointer}.learn-story .ls-control{background:var(--surface);color:var(--ink-2);padding:8px 12px;border:1px solid var(--line);border-radius:8px;min-height:40px}.learn-story .ls-control:hover{border-color:var(--gold-ink)}.learn-story .ls-path{display:none;position:relative;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0 0 22px;gap:8px}.learn-story.is-enhanced .ls-path{display:grid}.learn-story .ls-step{position:relative;border:0;background:0 0;color:var(--ink-2);text-align:left;padding:16px 0 8px;min-height:62px}.learn-story .ls-step::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--line);transition:background .4s}.learn-story .ls-step[aria-pressed=true]{color:var(--ink);font-weight:600}.learn-story .ls-step.is-done::before,.learn-story .ls-step[aria-pressed=true]::before{background:var(--gold)}.learn-story .ls-step span{display:block;font:.7rem/1.5 var(--ls-mono);color:var(--ink-3);margin-bottom:3px}.learn-story .ls-stage{background:#11182f;color:#eff1fb;border:1px solid #303951;border-radius:16px;overflow:hidden}.learn-story .ls-panel{padding:clamp(22px,4vw,34px);border-bottom:1px solid #303951}.learn-story .ls-panel:last-child{border-bottom:0}.learn-story.is-enhanced .ls-panel{min-height:315px;border:0}.learn-story .ls-panel[hidden]{display:none}.learn-story .ls-panel.is-current{animation:ls-arrive .45s ease-out both}.learn-story .ls-role{margin:0 0 14px;font:500 .73rem/1.5 var(--ls-mono);color:#9fa9c9;letter-spacing:.07em;text-transform:uppercase}.learn-story .ls-panel h4{margin:0 0 16px;color:#fff;font:600 clamp(1.15rem,2.5vw,1.5rem)/1.35 var(--ls-display)}.learn-story .ls-panel p{margin:0 0 16px;font-size:1rem;line-height:1.65;color:#cbd2e8}.learn-story .ls-panel p:last-child{margin-bottom:0}.learn-story .ls-panel strong{color:#fff}.learn-story .ls-panel .ls-evidence{padding-left:16px;border-left:3px solid #f5c518;color:#fff}.learn-story .ls-code{display:block;padding:14px 16px;background:#1c2644;border-radius:8px;font:.9rem/1.7 var(--ls-mono);overflow-wrap:anywhere}.learn-story .ls-good{color:#86efac}.learn-story .ls-bad{color:#fca5a5}.learn-story figcaption{color:var(--ink-3);margin-top:14px;font-size:.85rem;line-height:1.6}.learn-story .ls-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}@keyframes ls-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(max-width:520px){.learn-story .ls-intro{flex-direction:column;gap:14px}.learn-story .ls-step{font-size:.75rem}.learn-story.is-enhanced .ls-panel{min-height:390px}}@media(prefers-reduced-motion:reduce){.learn-story *,.learn-story *::before{animation:none!important;transition:none!important}}