html{scroll-behavior:smooth}.lesson{padding-block:35px 55px}.lesson h1{max-width:920px}.lesson-lead{color:var(--muted,#adc0ce);max-width:820px;font-size:1.06rem}.section-nav{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.section-nav a{padding:9px 14px;border:1px solid var(--line,#294858);border-radius:9px;color:var(--cyan,#63e9db)}.stage{padding-top:28px;margin-top:30px;border-top:1px solid var(--line,#294858);scroll-margin-top:24px}.step-title{display:flex;align-items:center;gap:12px;font-size:1.5rem}.step-title span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--cyan,#63e9db);border-radius:50%;font-size:1rem;color:var(--cyan,#63e9db);flex-shrink:0}.resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:17px;margin-block:22px}.resource{min-width:0;border:1px solid var(--line,#294858);background:var(--panel,#102332);padding:24px;border-radius:14px}.resource h3{font-size:1.24rem;line-height:1.3;margin:12px 0}.resource p{color:var(--muted,#adc0ce);margin:14px 0}.status{border-left:3px solid var(--gold,#f0c67c);padding:14px 18px;background:#e8bd7308;margin-block:20px}.code{padding:18px;overflow:auto;background:#071422;border:1px solid var(--line,#294858);border-radius:9px;white-space:pre-wrap;color:#b4c7d2;font:15px/1.7 Consolas,monospace}.route{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.preview-art{width:180px;height:auto;border-radius:15px;float:right;margin:0 0 18px 25px}@media(max-width:600px){.resource{padding:18px}.preview-art{width:125px;margin-left:15px}.step-title{font-size:1.3rem}}