@keyframes _si{to{opacity:1}}

.legacy-content .lesson {position:relative}.legacy-content .lesson:before {content:"";position:absolute;inset:0 0 auto;height:310px;background:radial-gradient(circle at 82% 8%,rgba(245,185,66,.15),transparent 44%);pointer-events:none}.legacy-content .lesson-header {position:relative}.legacy-content .lesson-header h1 {letter-spacing:-.04em}.legacy-content .subtitle {max-width:780px}.legacy-content .objective {display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;margin:20px 0 10px;padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(245,185,66,.10),rgba(245,185,66,.025))}.legacy-content .objective b {color:var(--accent);font-size:13px;letter-spacing:.14em}.legacy-content .objective p {margin:0;color:var(--text);line-height:1.75}.legacy-content .hero {margin-top:18px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg, #e9f0e6 0%, #fffefa 100%);box-shadow:0 22px 60px rgba(57,35,4,.22)}.legacy-content .hero-copy {padding:28px 30px 10px;color:#fff}.legacy-content .hero-copy small {color:#efb849;letter-spacing:.16em;font-weight:800}.legacy-content .hero-copy h2 {margin:8px 0 6px;font-size:24px}.legacy-content .hero-copy p {margin:0;color:var(--muted);line-height:1.7}.legacy-content .hero svg {display:block;width:100%;height:auto}.legacy-content .node {fill:var(--surface-soft);stroke:#d99a22;stroke-width:1.5}.legacy-content .node-text {fill:var(--muted);font:700 13px ui-monospace,SFMono-Regular,Menlo,monospace}.legacy-content .note-text {fill:var(--muted);font:12px system-ui,sans-serif}.legacy-content .flow {stroke:#e1a632;stroke-width:2;fill:none;marker-end:url(#arrow)}.legacy-content .grid3, .legacy-content .grid2 {display:grid;gap:14px;margin-top:14px}.legacy-content .grid3 {grid-template-columns:repeat(3,1fr)}.legacy-content .grid2 {grid-template-columns:repeat(2,1fr)}.legacy-content .card {background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:var(--shadow-card)}.legacy-content .card h3 {font-size:15px;margin:0 0 8px;color:var(--text)}.legacy-content .card p, .legacy-content .card li {font-size:13px;color:var(--sub);line-height:1.7}.legacy-content .card ul {margin:8px 0 0;padding-left:18px}.legacy-content .mono {font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}.legacy-content .path-list {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.legacy-content .path {padding:7px 10px;border-radius:9px;background:rgba(217,154,34,.09);border:1px solid var(--line);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}.legacy-content .callout {margin-top:14px;padding:18px 20px;border-radius:14px;background:rgba(217,154,34,.07);color:var(--text);line-height:1.75}.legacy-content .callout b {color:var(--accent)}.legacy-content .source {margin-top:14px;background:var(--surface-soft);border:1px solid #342713;border-radius:16px;overflow:hidden}.legacy-content .source-head {display:flex;justify-content:space-between;gap:12px;padding:11px 16px;background:var(--surface-soft);color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.legacy-content .source-head span:last-child {color:#efb849}.legacy-content .source pre {margin:0;padding:18px;overflow:auto;color:var(--muted);font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.legacy-content .kw {color:#efb849}.legacy-content .cm {color:#897c68}.legacy-content .fn {color:var(--muted)}.legacy-content .caption {margin-top:8px;color:var(--sub);font-size:12px;line-height:1.6}.legacy-content .caption b {color:var(--accent)}.legacy-content .exercise {margin-top:16px;border:1px dashed rgba(217,154,34,.5);border-radius:16px;padding:20px;background:linear-gradient(135deg,rgba(217,154,34,.08),transparent)}.legacy-content .exercise h3 {margin:0 0 8px;font-size:16px}.legacy-content .exercise p {margin:0;color:var(--sub);line-height:1.75}.legacy-content .takeaway {margin-top:18px;display:flex;gap:14px;padding:20px 22px;border-radius:16px;background:var(--surface-soft);color:var(--muted);line-height:1.75}.legacy-content .takeaway svg {flex:0 0 auto;color:#f5b942}.legacy-content .takeaway b {color:#f5b942}@media(max-width:760px){.legacy-content .objective {grid-template-columns:1fr;gap:5px}.legacy-content .grid3, .legacy-content .grid2 {grid-template-columns:1fr}.legacy-content .hero-copy {padding:22px 20px 8px}.legacy-content .source-head {flex-direction:column}.legacy-content .card {padding:17px}.legacy-content .takeaway {align-items:flex-start}}