.learning-visual{--lv-ink:#eaf6fb;--lv-muted:#abc2ce;--lv-accent:#80e2d8;box-sizing:border-box;width:100%;min-width:0;color:var(--lv-ink);text-align:left;background:radial-gradient(at 90% 0,#123443 0,#0000 60%),#0b1b27;border:1px solid #284552;border-radius:1.25rem;margin:2.5rem 0;font-family:inherit;font-size:.875rem;line-height:1.55;overflow:hidden;box-shadow:0 12px 40px #00101b12}.learning-visual *{box-sizing:border-box}.learning-visual .lv-header{padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,3vw,2rem) 1.25rem}.learning-visual .lv-eyebrow,.learning-visual .lv-section-label{color:var(--lv-accent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.67rem;font-weight:700;line-height:1.5}.learning-visual h3{color:var(--lv-ink);letter-spacing:-.025em;margin:.6rem 0;font-size:clamp(1.25rem,2.7vw,1.8rem);font-weight:650;line-height:1.2}.learning-visual h4{color:var(--lv-ink);letter-spacing:-.01em;margin:.5rem 0 .6rem;font-size:1.1rem;font-weight:650;line-height:1.35}.learning-visual p{color:var(--lv-muted);font-size:inherit;margin:.6rem 0;line-height:1.65}.learning-visual .lv-intro{margin-bottom:0}.learning-visual .lv-choices{background:#07131d;border:1px solid #2d4655;border-radius:.7rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;min-width:0;margin:0 clamp(1.25rem,3vw,2rem);padding:.3rem;display:grid}.learning-visual button{color:#b5c9d4;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.45rem;padding:.5rem .25rem;font-size:.76rem;font-weight:650;line-height:1.3;transition:background-color .14s,color .14s}.learning-visual button:hover{color:#fff;background:#183642}.learning-visual button[aria-pressed=true]{color:#09232d;background:#80e2d8;border-color:#80e2d8}.learning-visual button:focus-visible{outline-offset:3px;outline:3px solid #f5c47a}.learning-visual .lv-partitions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:1.5rem clamp(1.25rem,3vw,2rem) 0;display:grid}.learning-visual .lv-partition{background:#102532;border:1px solid #2d4655;border-radius:.65rem;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem .75rem;display:flex}.learning-visual .lv-partition[data-active=true]{background:#113b40;border-color:#80e2d8}.learning-visual .lv-partition strong{font-size:.85rem}.learning-visual .lv-partition>span:last-child{color:var(--lv-muted);font-size:.72rem;line-height:1.4}.learning-visual .lv-partition-mark,.learning-visual .lv-partition svg{width:26px;height:28px;color:var(--lv-accent);margin-bottom:.35rem;font-size:1.6rem;line-height:1;display:block}.learning-visual .lv-partition-test{border-style:dashed}.learning-visual .lv-partition-test svg{color:#f5c47a}.learning-visual .lv-partition-test[data-active=true]{background:#3a3027;border-color:#f5c47a}.learning-visual .lv-detail{padding:1.5rem clamp(1.25rem,3vw,2rem)}.learning-visual .lv-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.35rem 0 0;padding:0;list-style:none;display:grid}.learning-visual .lv-flow li{background:#112735;border:1px solid #37505e;border-radius:.5rem;flex-direction:column;gap:.4rem;min-width:0;margin:0;padding:.75rem .55rem;display:flex;position:relative}.learning-visual .lv-flow li+li:before{width:.75rem;color:var(--lv-accent);text-align:center;content:"→";font-size:.75rem;line-height:1;position:absolute;top:50%;left:-.75rem}.learning-visual .lv-flow strong{font-size:.82rem;font-weight:650}.learning-visual .lv-flow span{color:var(--lv-muted);font-size:.7rem;line-height:1.45}.learning-visual .lv-flow .lv-step-number{color:var(--lv-accent);font-family:ui-monospace,monospace;font-size:.67rem}.learning-visual .lv-result{color:#d5e1e8;border-left:2px solid #f5c47a;margin:1.2rem 0 0;padding-left:.8rem;font-size:.78rem}.learning-visual .lv-caption{color:#adc2ce;text-align:left;background:#071620;border-top:1px solid #284552;margin:0;padding:1rem clamp(1.25rem,3vw,2rem);font-size:.72rem;line-height:1.6}.learning-visual .lv-model-panel{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.learning-visual .lv-model-glyph{width:100%;height:auto;color:var(--lv-accent);display:block}.learning-visual .lv-model-io{background:#071a26;border:1px solid #2d4655;border-radius:.65rem;grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,1fr);align-items:center;gap:.5rem;margin:1rem 0;padding:1rem;display:grid}.learning-visual .lv-model-io>div{flex-direction:column;gap:.4rem;display:flex}.learning-visual .lv-model-io strong{font-size:.82rem;font-weight:600;line-height:1.4}.learning-visual .lv-model-io div>span:last-child{color:var(--lv-muted);font-size:.72rem;line-height:1.45}.learning-visual .lv-io-arrow{color:var(--lv-accent);font-size:1.3rem}.learning-visual .lv-chips{flex-wrap:wrap;gap:.45rem;margin:1rem 0;padding:0;list-style:none;display:flex}.learning-visual .lv-chips li{color:#b4ede5;background:#12303a;border:1px solid #3d5e69;border-radius:.35rem;margin:0;padding:.35rem .6rem;font-size:.7rem;line-height:1.4}.learning-visual .lv-connection-map{background-image:radial-gradient(#365261 .75px,#0000 .75px);background-size:12px 12px;border:1px solid #2d4655;border-radius:.65rem;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:.7rem;margin-bottom:1.5rem;padding:1.25rem 1rem;display:grid}.learning-visual .lv-equipment,.learning-visual .lv-workflow-mark{text-align:center;flex-direction:column;align-items:center;gap:.7rem;display:flex}.learning-visual .lv-connection-map svg{width:72px;max-width:100%;height:62px;color:var(--lv-accent)}.learning-visual .lv-workflow-mark svg{color:#f5c47a}.learning-visual .lv-connection-map strong{color:#eaf6fb;font-size:.76rem;font-weight:600;line-height:1.4}.learning-visual .lv-signal{color:var(--lv-accent);text-align:center;flex-direction:column;gap:.7rem;font-size:.66rem;display:flex}.learning-visual .lv-signal-line{background:linear-gradient(90deg,#80e2d855,#80e2d8);height:2px;display:block;position:relative}.learning-visual .lv-signal-line:after{border-top:2px solid var(--lv-accent);border-right:2px solid var(--lv-accent);content:"";width:8px;height:8px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}@media (width<=480px){.learning-visual .lv-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-visual .lv-partitions{gap:.4rem}.learning-visual .lv-partition{padding:.7rem .45rem}.learning-visual .lv-partition strong{font-size:.75rem}.learning-visual .lv-flow{grid-template-columns:1fr}.learning-visual .lv-flow li{grid-template-columns:1.4rem minmax(0,1fr);align-items:baseline;padding:.75rem;display:grid}.learning-visual .lv-flow li>span:last-child{grid-column:2}.learning-visual .lv-flow li+li:before{content:"↓";top:-.75rem;left:1rem}.learning-visual .lv-model-panel{grid-template-columns:1fr}.learning-visual .lv-model-glyph{max-width:220px;margin:0 auto}.learning-visual .lv-model-io{grid-template-columns:1fr}.learning-visual .lv-io-arrow{width:1.5rem;transform:rotate(90deg)}.learning-visual .lv-connection-map{gap:.4rem;padding-inline:.5rem}}@media (prefers-reduced-motion:reduce){.learning-visual button{transition:none}}