@keyframes _si{from{opacity:0}to{opacity:1}}

.legacy-content .lesson-header .kicker {color:var(--ds)}.legacy-content .l-callout b {color:var(--ds)}.legacy-content .btn-ds {background:var(--ds);color:#fff;border:none;padding:10px 26px;border-radius:999px;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;transition:filter .15s,transform .15s}.legacy-content .btn-ds:hover:not(:disabled) {filter:brightness(1.08);transform:translateY(-1px)}.legacy-content .btn-ds:disabled {background:#c4c8cf;cursor:not-allowed}.legacy-content .btn-ghost {background:var(--card);color:var(--sub);border:1.5px solid var(--border);padding:9px 22px;border-radius:999px;font-size:13.5px;font-weight:800;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}.legacy-content .btn-ghost:hover {border-color:var(--ds-line);color:var(--ds-deep)}.legacy-content .pipe-box {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:18px 20px}.legacy-content .pipe-row {display:grid;grid-template-columns:120px 1fr 120px;gap:12px;align-items:stretch}.legacy-content .pipe-end {border:1.5px solid var(--border);border-radius:12px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}.legacy-content .pipe-end .pe-icon {font-size:30px;line-height:1}.legacy-content .pipe-end .pe-name {font-size:12.5px;font-weight:800;color:var(--text)}.legacy-content .pipe-end .pe-sub {font-size:10.5px;font-weight:700;color:var(--sub)}.legacy-content .pipe-end.working {border-color:rgba(22,163,74,.45);background:rgba(22,163,74,.05)}.legacy-content .pipe-end.idle {background:rgba(0,0,0,.02)}.legacy-content .q-lane {border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:10px 12px;min-height:76px;overflow:hidden;position:relative;transition:border-color .3s,background .3s}.legacy-content .q-lane::before {content:'→ Exit this end';position:absolute;right:10px;top:-9px;background:var(--bg);padding:0 7px;font-size:10px;font-weight:800;color:var(--sub)}.legacy-content .q-lane.st-ok {border-color:rgba(22,163,74,.45)}.legacy-content .q-lane.st-hot {border-color:rgba(220,38,38,.55);background:rgba(220,38,38,.045)}.legacy-content .q-chip {flex-shrink:0;width:44px;height:44px;border-radius:10px;background:var(--ds-soft);border:1.5px solid var(--ds-line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--ds-deep);font-variant-numeric:tabular-nums}.legacy-content .q-chip .qc-ico {font-size:15px;line-height:1.2}.legacy-content .q-chip.front {background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.45);color:#166534}.legacy-content .q-chip.q-more {background:rgba(0,0,0,.05);border-color:var(--border);color:var(--sub);font-size:12px;font-weight:900}.legacy-content .q-empty {font-size:12px;color:var(--sub);opacity:.6;margin:0 auto}.legacy-content .pipe-meter {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.025);transition:background .3s}.legacy-content .pipe-meter.st-hot {background:rgba(220,38,38,.07)}.legacy-content .pipe-meter.st-ok {background:rgba(22,163,74,.06)}.legacy-content .qm-num {font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1}.legacy-content .pipe-meter.st-idle .qm-num {color:var(--sub)}.legacy-content .pipe-meter.st-ok .qm-num {color:var(--success)}.legacy-content .pipe-meter.st-hot .qm-num {color:var(--danger)}.legacy-content .qm-label {font-size:11px;font-weight:800;color:var(--sub)}.legacy-content .qm-state {font-size:13.5px;font-weight:800;flex:1;min-width:180px}.legacy-content .pipe-meter.st-idle .qm-state {color:var(--sub)}.legacy-content .pipe-meter.st-ok .qm-state {color:var(--success)}.legacy-content .pipe-meter.st-hot .qm-state {color:var(--danger)}.legacy-content .qm-tally {font-size:11.5px;font-weight:700;color:var(--sub);font-variant-numeric:tabular-nums}.legacy-content .pipe-sliders {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.legacy-content .ps-item {display:flex;align-items:center;gap:10px}.legacy-content .ps-item label {font-size:12.5px;font-weight:800;color:var(--text);flex-shrink:0}.legacy-content .ps-item input[type=range] {flex:1;min-width:80px;accent-color:var(--ds)}.legacy-content .ps-val {font-size:13px;font-weight:900;color:var(--ds);font-variant-numeric:tabular-nums;min-width:64px}.legacy-content .pipe-bar {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;border-top:1px dashed var(--border);padding-top:14px}.legacy-content .pipe-hint {font-size:12.5px;color:var(--sub);font-weight:600;line-height:1.7}.legacy-content .cmp-wrap {display:grid;grid-template-columns:1fr 1fr;gap:14px}.legacy-content .cmp-box {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column}.legacy-content .cmp-head {padding:11px 15px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.015)}.legacy-content .cmp-head h4 {font-size:14px;font-weight:800;color:var(--text)}.legacy-content .cmp-head p {font-size:11.5px;color:var(--sub);margin-top:2px}.legacy-content .cmp-stage {padding:14px;min-height:150px;display:flex;align-items:center;justify-content:center}.legacy-content .cmp-stack {display:flex;flex-direction:column-reverse;gap:6px;width:110px;min-height:120px;justify-content:flex-start;border-bottom:3px solid var(--border);padding-bottom:4px}.legacy-content .cmp-queue {display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;min-height:52px;border-bottom:3px solid var(--border);padding-bottom:6px}.legacy-content .cmp-item {width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff;animation:itemIn .35s cubic-bezier(.25,1,.5,1);transition:transform .3s,opacity .3s;flex-shrink:0}.legacy-content .cmp-item.popping {transform:translateY(-20px);opacity:0}.legacy-content .cmp-item.i-A {background:#0284c7}.legacy-content .cmp-item.i-B {background:#7c3aed}.legacy-content .cmp-item.i-C {background:#d97706}.legacy-content .cmp-stack .cmp-item {width:100%}@keyframes itemIn{from{opacity:0;transform:translateY(-14px) scale(.85)}to{opacity:1;transform:none}}.legacy-content .cmp-out {padding:11px 15px;border-top:1px solid var(--border);font-size:12.5px;font-weight:700;color:var(--sub);min-height:42px}.legacy-content .cmp-out b {color:var(--text);font-size:14px;letter-spacing:1px}.legacy-content .cmp-bar {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.legacy-content .cmp-status {font-size:12.5px;color:var(--sub);font-weight:600}.legacy-content .why-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.legacy-content .why-card {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-card)}.legacy-content .why-card .why-icon {font-size:26px;margin-bottom:8px}.legacy-content .why-card h4 {font-size:15px;font-weight:800;color:var(--text);margin-bottom:6px}.legacy-content .why-card p {font-size:13px;color:var(--sub);line-height:1.75}.legacy-content .why-card p b {color:var(--text)}.legacy-content .takeaway-box {background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1.5px solid #bae6fd;border-radius:var(--radius);padding:24px 28px;margin-top:36px}.legacy-content .takeaway-box h3 {font-size:17px;font-weight:800;color:var(--ds-deep);margin-bottom:10px}.legacy-content .takeaway-box ul {list-style:none;padding:0;margin:0}.legacy-content .takeaway-box li {font-size:14.5px;color:#0c4a6e;line-height:1.8;padding:4px 0 4px 22px;position:relative}.legacy-content .takeaway-box li::before {content:'';position:absolute;left:0;top:13px;width:8px;height:8px;border-radius:50%;background:var(--ds)}@media (max-width:768px){.legacy-content .pipe-row {grid-template-columns:76px 1fr 76px;gap:8px}.legacy-content .pipe-end .pe-icon {font-size:22px}.legacy-content .pipe-end .pe-sub {display:none}.legacy-content .q-chip {width:36px;height:36px}.legacy-content .pipe-sliders {grid-template-columns:1fr}.legacy-content .cmp-wrap {grid-template-columns:1fr}.legacy-content .why-grid {grid-template-columns:1fr}}

.legacy-content .xa-tldr {margin:18px 0 4px;padding:14px 18px;background:rgba(0,102,255,0.04);border:1px solid rgba(0,102,255,0.16);border-radius:10px}.legacy-content .xa-tldr .xa-tldr-tag {display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--accent,#0066ff);margin-bottom:6px}.legacy-content .xa-tldr p {margin:0;font-size:15px;line-height:1.8;color:var(--text,#1f2937)}