.legacy-content * {box-sizing:border-box}.legacy-content .lesson {position:relative;max-width:1180px;margin:auto;padding:84px 28px 96px}.legacy-content .eyebrow, .legacy-content .tag {font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--amber)}.legacy-content h1 {max-width:900px;margin:16px 0 18px;font-size:clamp(42px,7vw,86px);line-height:1.02;letter-spacing:-.045em}.legacy-content h1 span {color:var(--gold)}.legacy-content .lead {max-width:790px;margin:0;color:var(--muted);font-size:clamp(17px,2vw,22px)}.legacy-content .hero-meta {display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.legacy-content .tag {padding:8px 12px;border:1px solid var(--line);background:rgba(245,181,58,.06);border-radius:999px;letter-spacing:.05em;text-transform:none}.legacy-content section {margin-top:70px}.legacy-content .section-head {display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:start;margin-bottom:24px}.legacy-content .num {color:var(--amber);font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.legacy-content h2 {margin:0;font-size:clamp(27px,4vw,44px);line-height:1.12}.legacy-content h3 {margin:0 0 10px;font-size:20px}.legacy-content p {margin:8px 0;color:var(--muted)}.legacy-content .grid {display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.legacy-content .card {grid-column:span 4;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg, #e9f0e6 0%, #fffefa 100%);box-shadow:0 18px 50px rgba(0,0,0,.25)}.legacy-content .card.wide {grid-column:span 6}.legacy-content .card.full {grid-column:1/-1}.legacy-content .card small {color:var(--amber);font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.legacy-content .objective {counter-reset:item}.legacy-content .objective .card {position:relative;padding-left:62px}.legacy-content .objective .card::before {counter-increment:item;content:"0" counter(item);position:absolute;left:20px;top:22px;color:var(--gold);font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace}.legacy-content .visual {overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--surface-soft)}.legacy-content .visual svg {display:block;width:100%;height:auto}.legacy-content .matrix {display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.legacy-content .cell {padding:15px;background:var(--surface-soft);color:var(--muted)}.legacy-content .cell.head {color:var(--gold);font-weight:750;background:var(--surface-soft)}.legacy-content .allow {color:var(--ok)}.legacy-content .deny {color:var(--danger)}.legacy-content pre {margin:14px 0 0;padding:20px;overflow:auto;border:1px solid rgba(245,181,58,.18);border-radius:14px;background:var(--surface-soft);color:var(--muted);font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2}.legacy-content code {color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.legacy-content .path {display:block;margin-top:15px;color:var(--muted);font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.legacy-content .callout {padding:24px;background:linear-gradient(90deg,rgba(245,181,58,.12),transparent);border-radius:16px}.legacy-content .exercise {display:grid;grid-template-columns:140px 1fr;gap:24px;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--panel2)}.legacy-content .exercise b {color:var(--gold)}.legacy-content ol {margin:8px 0;padding-left:21px;color:var(--muted)}.legacy-content li+li {margin-top:7px}.legacy-content .snapshot {font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}.legacy-content .takeaway {position:relative;padding:34px;border:1px solid rgba(245,181,58,.5);border-radius:22px;background:linear-gradient(135deg,rgba(245,181,58,.15),rgba(245,181,58,.03))}.legacy-content .takeaway strong {display:block;margin-bottom:8px;color:var(--gold);font-size:25px}@media(max-width:760px){.legacy-content .lesson {padding:64px 18px 78px}.legacy-content .section-head {grid-template-columns:1fr;gap:8px}.legacy-content .card, .legacy-content .card.wide {grid-column:1/-1}.legacy-content .matrix {grid-template-columns:1fr}.legacy-content .matrix .cell.head:not(:first-child) {display:none}.legacy-content .exercise {grid-template-columns:1fr}.legacy-content .visual {padding:8px}.legacy-content pre {font-size:11px}}
