@keyframes _si{to{opacity:1}}.legacy-content .lesson-header h1 em {font-style:normal;color:var(--cyan)}.legacy-content .strat-tabs {display:flex;flex-direction:column;gap:8px}.legacy-content .strat-btn {display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:var(--surface);border:1.5px solid var(--border);cursor:pointer;font-family:inherit;text-align:left;transition:all .18s;width:100%}.legacy-content .strat-btn:hover, .legacy-content .strat-btn.active {border-color:var(--cyan);background:rgba(8,145,178,.05)}.legacy-content .strat-num {width:28px;height:28px;border-radius:7px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:var(--muted);flex-shrink:0}.legacy-content .strat-btn.active .strat-num {background:var(--cyan);color:white}.legacy-content .strat-info h5 {font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.legacy-content .strat-info p {font-size:13px;color:var(--sub)}.legacy-content .saving-lbl {margin-left:auto;font-size:14px;font-weight:800;color:var(--success);flex-shrink:0}.legacy-content .compare {display:flex;flex-direction:column;gap:10px}.legacy-content .compare-header {font-size:18px;font-weight:800;color:var(--text)}.legacy-content .compare-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px}.legacy-content .cmp-col {display:flex;flex-direction:column;gap:6px}.legacy-content .cmp-label {font-size:14px;font-weight:700;padding:6px 10px;border-radius:6px;text-align:center}.legacy-content .cmp-label.bad {background:rgba(220,38,38,.1);color:var(--danger)}.legacy-content .cmp-label.good {background:rgba(22,163,74,.1);color:var(--success)}.legacy-content .code-block {background:var(--surface-soft);border-radius:10px;padding:14px 16px;font-family:"Menlo","Cascadia Code","Consolas",monospace;font-size:13.5px;line-height:1.75;color:var(--muted);overflow-x:auto;white-space:pre-wrap;word-break:break-all;tab-size:2;min-height:220px}.legacy-content .code-block .hl-bad {color:var(--muted)}.legacy-content .code-block .hl-good {color:var(--muted)}.legacy-content .code-block .hl-key {color:var(--muted)}.legacy-content .code-block .hl-str {color:var(--muted)}.legacy-content .code-block .hl-cmt {color:#6c7086;font-style:italic}.legacy-content .token-count {padding:8px 10px;border-radius:7px;font-family:inherit}.legacy-content .tc-bad {background:rgba(220,38,38,.06);border:1px solid rgba(220,38,38,.15)}.legacy-content .tc-good {background:rgba(22,163,74,.06);border:1px solid rgba(22,163,74,.15)}.legacy-content .insight-box {background:rgba(8,145,178,.06);border:1.5px solid rgba(8,145,178,.2);border-radius:10px;padding:14px 16px;font-size:15px;color:var(--sub);line-height:1.65;margin-top:18px}.legacy-content .insight-box strong {color:var(--cyan)}@media (max-width:768px){.legacy-content .compare-grid {grid-template-columns:1fr}.legacy-content .code-block {min-height:0;font-size:12.5px}.legacy-content .strat-info h5 {font-size:14px}}

.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)}