@keyframes _si{to{opacity:1}}

.legacy-content .lesson-header {position:relative;overflow:hidden;padding:42px 38px;border:1px solid rgba(217,149,24,.24);border-radius:24px;background:radial-gradient(circle at 87% 8%,rgba(244,185,66,.26),transparent 34%),linear-gradient(145deg,#fffaf0,var(--card));box-shadow:0 18px 50px rgba(100,64,7,.09)}.legacy-content .lesson-header:after {content:"85%";position:absolute;right:25px;bottom:-18px;font-size:120px;font-weight:900;color:rgba(217,149,24,.07)}.legacy-content .subtitle {max-width:760px;position:relative;z-index:1}.legacy-content .goal, .legacy-content .snapshot, .legacy-content .takeaway {margin-top:18px;border:1px solid rgba(217,149,24,.22);background:var(--soft);border-radius:16px;padding:16px 20px;line-height:1.7}.legacy-content .goal b, .legacy-content .snapshot b, .legacy-content .takeaway b {color:var(--accent)}.legacy-content .section-title {margin:34px 0 14px;font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--accent)}.legacy-content .meter {padding:25px;border:1px solid var(--border);border-radius:20px;background:var(--card);box-shadow:var(--shadow-card)}.legacy-content .meter-head {display:flex;justify-content:space-between;font-size:12px;color:var(--sub)}.legacy-content .bar {position:relative;height:42px;margin:26px 0 14px;border-radius:13px;background:#eee8dc;overflow:visible}.legacy-content .fill {height:100%;width:85%;border-radius:13px 0 0 13px;background:linear-gradient(90deg,#6e9f62,#d99518)}.legacy-content .mark {position:absolute;left:85%;top:-15px;bottom:-15px;width:3px;background:#b55324}.legacy-content .mark:before {content:"85";position:absolute;left:50%;top:-28px;transform:translateX(-50%);font-weight:900;color:#b55324}.legacy-content .meter p {margin:0;text-align:center;color:var(--sub);font-size:13px;line-height:1.65}.legacy-content .policies {display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.legacy-content .policy {padding:16px 13px;border:1px solid var(--border);border-radius:15px;background:var(--card);box-shadow:var(--shadow-card)}.legacy-content .policy code {font-size:10px;color:var(--accent);overflow-wrap:anywhere}.legacy-content .policy strong {display:block;margin:8px 0 5px;font-size:18px}.legacy-content .policy p {margin:0;color:var(--sub);font-size:11px;line-height:1.55}.legacy-content .off strong {color:#8a7350}.legacy-content .passes {display:grid;grid-template-columns:1fr 65px 1fr;align-items:center}.legacy-content .pass {padding:20px;border:1px solid rgba(217,149,24,.26);border-radius:16px;background:linear-gradient(145deg,#fffaf0,var(--card))}.legacy-content .pass span {font-size:11px;font-weight:800;color:var(--accent);letter-spacing:.1em}.legacy-content .pass h3 {margin:8px 0}.legacy-content .pass p {margin:0;color:var(--sub);font-size:13px;line-height:1.65}.legacy-content .arrow {text-align:center;color:var(--accent);font-size:27px}.legacy-content .source-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px}.legacy-content .code-card {padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow-card)}.legacy-content .path {font:700 11px/1.5 ui-monospace,monospace;color:var(--accent);overflow-wrap:anywhere}.legacy-content .code {margin-top:9px;padding:15px;border-radius:12px;background:var(--surface-soft);color:var(--muted);overflow:auto;font:12px/1.65 ui-monospace,monospace}.legacy-content .cm {color:#aa9570}.legacy-content .kw {color:#ffc85a}.legacy-content .exercise {padding:20px;border:1px dashed rgba(217,149,24,.48);border-radius:18px;background:linear-gradient(120deg,var(--soft),transparent)}.legacy-content .exercise h3 {margin:0 0 6px}.legacy-content .exercise p {margin:0;color:var(--sub);line-height:1.7}.legacy-content .takeaway {display:flex;gap:12px}.legacy-content .takeaway svg {width:26px;flex:none;color:var(--accent)}@media(max-width:820px){.legacy-content .policies {grid-template-columns:1fr 1fr}.legacy-content .source-grid {grid-template-columns:1fr}}@media(max-width:600px){.legacy-content .lesson-header {padding:30px 22px}.legacy-content .lesson-header:after {font-size:78px}.legacy-content .policies {grid-template-columns:1fr}.legacy-content .passes {grid-template-columns:1fr}.legacy-content .arrow {transform:rotate(90deg);height:50px}}