.ls-visual{border:1px solid var(--ls-border);background:#091525;border-radius:16px;min-width:0;margin:0 0 20px;overflow:hidden}.ls-visual>img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.ls-visual>figcaption{color:#c7eae8;padding:12px 16px;font-size:.8rem;line-height:1.5}.ls-diagram{min-width:0;margin-bottom:16px}.ls-diagram .learning-diagram{border-radius:16px;margin:0;padding:16px}.ls-diagram .learning-diagram .ld-brandbar,.ls-diagram .learning-diagram .ld-eyebrow,.ls-diagram .learning-diagram .ld-coach{display:none}.ls-diagram .learning-diagram figcaption>strong{max-width:none;font-size:20px}.ls-diagram .learning-diagram .ld-takeaway{padding:8px 12px}.ls-diagram .learning-diagram .ld-takeaway b{display:none}.ls-diagram .learning-diagram .ld-action-board{padding:16px 0;display:block}.ls-diagram .learning-diagram .ld-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.ls-diagram .learning-diagram .ld-step{min-height:112px;padding:12px;display:block}.ls-diagram .learning-diagram .ld-step-top{min-width:0;margin-bottom:12px}.ls-diagram .learning-diagram .ld-step-no{font-size:24px}.ls-diagram .learning-diagram .ld-step strong{font-size:13px}.ls-diagram .learning-diagram .ld-next{inset:50% -22px auto auto;transform:translateY(-50%)}@media (width>=1180px){.learning-scene:has(>.ls-visual){grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;column-gap:24px;display:grid}.learning-scene:has(>.ls-visual)>.ls-topline,.learning-scene:has(>.ls-visual)>h2{grid-column:1/-1}.learning-scene:has(>.ls-visual)>.ls-visual{grid-area:3/1/5;margin:0}.learning-scene:has(>.ls-visual)>.ls-narrator{grid-area:3/2}.learning-scene:has(>.ls-visual)>.ls-audio{grid-area:4/2;align-self:end}.ls-diagram .learning-diagram .ld-map-board{gap:12px 0;height:234px;min-height:0;padding:12px 0}.ls-diagram .learning-diagram .ld-node{gap:4px 8px;min-height:92px;padding:10px 12px}.ls-diagram .learning-diagram .ld-node strong{font-size:14px}.ls-diagram .learning-diagram .ld-node-icon{width:28px;height:28px}.ls-diagram .learning-diagram .ld-mascot img{width:155px}.ls-diagram .learning-diagram .ld-orbit{width:180px}.ls-diagram .learning-diagram .ld-center-label{padding:5px 10px;font-size:11px}.ls-diagram .learning-diagram .ld-star-one{top:10px}}@media (width<=620px){.ls-diagram .learning-diagram .ld-steps{grid-template-columns:1fr;gap:16px}.ls-diagram .learning-diagram .ld-step{align-items:center;gap:16px;min-height:0;display:flex}.ls-diagram .learning-diagram .ld-step-top{min-width:66px;margin:0}.ls-diagram .learning-diagram .ld-next{inset:auto auto -22px 50%;transform:translate(-50%)rotate(90deg)}.ls-diagram .learning-diagram .ld-node{min-width:0;min-height:140px;padding:10px}.ls-diagram .learning-diagram .ld-node strong{overflow-wrap:anywhere;font-size:13px}}.ls-concept{background:radial-gradient(at 0 0,#35e4d014,#0000 70%),linear-gradient(135deg,#102138,#11172a);border:1px solid #30405e;border-radius:16px;min-width:0;margin:0 0 20px;padding:18px;position:relative;overflow:hidden}.ls-concept:before{content:"";background:linear-gradient(90deg,#35e4d0,#a78bfa,#ffd166);height:3px;position:absolute;inset:0 0 auto}.ls-concept>figcaption{gap:7px;margin-bottom:16px;display:grid}.ls-concept>figcaption>span{letter-spacing:.12em;color:#35e4d0;font-size:.6rem;font-weight:600}.ls-concept>figcaption>strong{font-family:var(--font-display);color:#f3f7ff;font-size:1.15rem;line-height:1.3}.ls-concept ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ls-concept li{--accent:#35e4d0;border:1px solid color-mix(in srgb,var(--accent) 25%,#24334d);background:color-mix(in srgb,var(--accent) 5%,#101b2e);border-radius:12px;align-items:center;gap:14px;padding:12px;display:flex;position:relative}.ls-concept li:nth-child(2){--accent:#b49aff}.ls-concept li:nth-child(3){--accent:#ffd166}.ls-concept li+li:before{content:"";background:#557188;width:1px;height:12px;position:absolute;top:-13px;left:32px}.ls-concept-symbol{width:40px;height:40px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:12px;flex:0 0 40px;place-items:center;display:grid;position:relative}.ls-concept-symbol>svg{width:25px;height:25px}.ls-concept-symbol>small{border:1px solid var(--accent);background:#102138;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;display:grid;position:absolute;bottom:-5px;right:-5px}.ls-concept li strong{color:#edf5ff;font-size:.85rem;line-height:1.35}.ls-concept li p{color:#b9cce0;margin:4px 0 0;font-size:.75rem;line-height:1.45}.ls-concept-note{color:#c6e8e2;align-items:center;gap:8px;margin:14px 0 0;font-size:.75rem;line-height:1.45;display:flex}.ls-concept-note svg{color:#35e4d0;flex:0 0 18px;width:18px;height:18px}.ls-prop-map{font-family:var(--font-body);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;display:grid}.ls-prop-map>span{color:#35e4d0;background:#35e4d008;border:1px solid #35e4d030;border-radius:12px;align-content:start;justify-items:center;gap:8px;padding:12px 6px;display:grid;position:relative}.ls-prop-map>span:nth-child(2){color:#b49aff;border-color:#b49aff40}.ls-prop-map>span:nth-child(3){color:#ffd166;border-color:#ffd16640}.ls-prop-map svg{width:28px;height:28px}.ls-prop-map small{color:#d8e3f1;font-size:.68rem;line-height:1.4}@media (width>=1180px){.learning-scene:has(>.ls-concept){grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;column-gap:24px;display:grid}.learning-scene:has(>.ls-concept)>.ls-topline,.learning-scene:has(>.ls-concept)>h2{grid-column:1/-1}.learning-scene:has(>.ls-concept)>.ls-concept{grid-area:3/1/5;margin:0}.learning-scene:has(>.ls-concept)>.ls-narrator{grid-area:3/2}.learning-scene:has(>.ls-concept)>.ls-audio{grid-area:4/2;align-self:end}.learning-scene:has(>.ls-visual)>.ls-inspect,.learning-scene:has(>.ls-concept)>.ls-inspect{grid-area:5/2}}@media (width<=540px){.ls-concept{padding:14px}.ls-prop-map{gap:6px}.ls-prop-map>span{padding:10px 4px}.ls-prop-map small{font-size:.62rem}}
