@keyframes _si{to{opacity:1}}

.legacy-content .hero-banner {background:linear-gradient(135deg, #e9f0e6 0%, #fffefa 100%);border-radius:var(--radius);padding:48px 36px;margin-bottom:32px;color:#fff;position:relative;overflow:hidden}.legacy-content .hero-banner::after {content:'';position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(34,197,94,.12) 0%,transparent 70%);pointer-events:none}.legacy-content .hero-banner .hb-kicker {font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.legacy-content .hero-banner h2 {font-size:26px;font-weight:900;line-height:1.4;margin-bottom:14px}@media(max-width:768px){.legacy-content .hero-banner h2 {font-size:20px}}.legacy-content .hero-banner .hb-sub {font-size:15px;color:rgba(255,255,255,.72);line-height:1.7;max-width:640px}.legacy-content .concept-card {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px 28px;margin:20px 0;box-shadow:var(--shadow-card)}.legacy-content .concept-card .cc-head {display:flex;align-items:center;gap:12px;margin-bottom:14px}.legacy-content .concept-card .cc-icon {width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.legacy-content .concept-card .cc-title {font-size:17px;font-weight:800;color:var(--text)}.legacy-content .concept-card .cc-body {font-size:14px;color:var(--sub);line-height:1.8}.legacy-content .concept-card .cc-body b {color:var(--text)}.legacy-content .fig-wrap {margin:28px 0;text-align:center}.legacy-content .fig-wrap img {max-width:100%;border-radius:var(--radius);border:1.5px solid var(--border);box-shadow:var(--shadow-card)}.legacy-content .fig-wrap .fig-cap {font-size:12px;color:var(--sub);margin-top:10px;line-height:1.6}.legacy-content .flow-steps {counter-reset:step;margin:24px 0;padding-left:0;list-style:none}.legacy-content .flow-steps li {position:relative;padding:16px 20px 16px 56px;margin-bottom:12px;background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;line-height:1.7;color:var(--sub);box-shadow:var(--shadow-card)}.legacy-content .flow-steps li::before {counter-increment:step;content:counter(step);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.legacy-content .flow-steps li b {color:var(--text)}.legacy-content .compare-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}@media(max-width:600px){.legacy-content .compare-grid {grid-template-columns:1fr}}.legacy-content .compare-card {border-radius:var(--radius);padding:22px 24px;font-size:14px;line-height:1.8}.legacy-content .compare-card h4 {font-size:15px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px}.legacy-content .compare-card ul {list-style:none;padding:0;margin:0}.legacy-content .compare-card li {padding:4px 0;padding-left:18px;position:relative}.legacy-content .compare-card li::before {content:'';position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%}.legacy-content .compare-good {background:#f0fdf4;border:1.5px solid #bbf7d0;color:#166534}.legacy-content .compare-good li::before {background:#22c55e}.legacy-content .compare-good h4 {color:#15803d}.legacy-content .compare-bad {background:#fef2f2;border:1.5px solid #fecaca;color:#991b1b}.legacy-content .compare-bad li::before {background:#ef4444}.legacy-content .compare-bad h4 {color:#dc2626}.legacy-content .design-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:20px 0}.legacy-content .design-chip {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px 18px;font-size:13.5px;line-height:1.7;color:var(--sub);box-shadow:var(--shadow-card)}.legacy-content .design-chip .dc-label {font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:6px}.legacy-content .design-chip b {color:var(--text)}.legacy-content .takeaway {background:rgba(0,102,255,.04);border:1.5px solid rgba(0,102,255,.18);border-radius:var(--radius);padding:20px 24px;font-size:15px;color:var(--text);line-height:1.7;margin-top:28px;display:flex;gap:12px;align-items:flex-start}.legacy-content .takeaway b {color:var(--accent)}.legacy-content .takeaway svg {flex-shrink:0;margin-top:2px;color:var(--accent)}.legacy-content .paper-ref {font-size:13px;color:var(--sub);margin-top:6px;font-style:italic}.legacy-content .plain-talk {background:linear-gradient(135deg,#fffbeb,#fef9c3);border:1.5px dashed #fbbf24;border-radius:var(--radius);padding:16px 20px;margin:14px 0 28px;font-size:14px;color:#713f12;line-height:1.85;display:flex;gap:12px;align-items:flex-start}.legacy-content .plain-talk .pt-icon {flex-shrink:0;font-size:18px;line-height:1.5}.legacy-content .plain-talk b {color:#92400e}.legacy-content .plain-talk .pt-tag {font-weight:800;color:#b45309}