.code-block{border-radius:var(--pat-radius-sm);background:#0b1220;margin:0;padding:18px 20px;overflow-x:auto}.code-block .ds-code{font-family:var(--pat-mono);color:#cbd5e1;white-space:pre;background:0 0;border:none;padding:0;font-size:.84rem;line-height:1.8;display:block}.code-start{background:linear-gradient(#0f172a05 1px,#0000 1px) 0 0/100% 32px,#fbfcfe;padding:64px 56px 72px}.code-start__inner{max-width:860px;margin:0 auto}.code-start__crumb{font-family:var(--pat-mono);color:var(--pat-soft);font-size:.78rem}.code-start__title{letter-spacing:-.045em;color:var(--pat-ink);margin:16px 0 0;font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:800}.code-start__lede{max-width:56ch;color:var(--pat-body);margin:14px 0 26px;font-size:1rem;line-height:1.72}.code-start__steps{border-top:1px solid var(--pat-line);border-bottom:1px solid var(--pat-line);flex-wrap:wrap;gap:24px;margin-bottom:26px;padding:16px 0;display:flex}.code-start__step{color:var(--pat-body);align-items:center;gap:10px;font-size:.86rem;display:flex}.code-start__step-n{width:22px;height:22px;color:var(--pat-blue);font-family:var(--pat-mono);background:#2563eb1a;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.code-start__step--done .code-start__step-n{color:#fff;background:#16a34a}.code-start__label{letter-spacing:.1em;text-transform:uppercase;color:var(--pat-soft);justify-content:space-between;align-items:center;gap:14px;margin:0 0 10px;font-size:.76rem;font-weight:700;display:flex}.code-start__copy{font-family:var(--pat-mono);letter-spacing:0;text-transform:none;color:var(--pat-blue);font-size:.74rem;font-weight:600}.code-start__group+.code-start__group{margin-top:24px}.code-start__foot{border-top:1px solid var(--pat-line);color:var(--pat-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:22px;font-size:.85rem;display:flex}.code-notes{background:#fff;padding:64px 56px 72px}.code-notes__inner{max-width:700px;margin:0 auto}.code-notes__head{border-bottom:1px solid var(--pat-line);flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:26px;padding-bottom:22px;display:flex}.code-notes__version{font-family:var(--pat-mono);letter-spacing:-.03em;color:var(--pat-ink);font-size:1.5rem;font-weight:700}.code-notes__date{color:var(--pat-soft);font-size:.88rem}.code-notes__tag{border-radius:var(--pat-radius-pill);color:var(--pat-blue);background:#2563eb1a;margin-left:auto;padding:4px 11px;font-size:.76rem;font-weight:700}.code-notes__item{border-bottom:1px solid #0f172a0d;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:18px;padding:16px 0;display:grid}.code-notes__item:last-of-type{border-bottom:none}.code-notes__type{font-family:var(--pat-mono);text-align:center;text-transform:uppercase;border-radius:5px;padding:3px 9px;font-size:.7rem;font-weight:700}.code-notes__type--added{color:#15803d;background:#16a34a1f}.code-notes__type--changed{color:#b45309;background:#f59e0b29}.code-notes__type--fixed{color:var(--pat-blue);background:#1d4ed81a}.code-notes__type--removed{color:#b91c1c;background:#dc26261a}.code-notes__body{color:#33415a;font-size:.96rem;line-height:1.75}.code-notes__body .ds-code{font-family:var(--pat-mono);color:#7c3aed;background:#f6f8fb;border:1px solid #0f172a1a;border-radius:5px;padding:2px 6px;font-size:.85em}.code-notes__foot{border-top:1px solid var(--pat-line);color:var(--pat-soft);margin-top:24px;padding-top:20px;font-size:.85rem}.code-run{background:#080d15;padding:56px 56px 72px}.code-run__inner{max-width:800px;margin:0 auto}.code-run__head{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;padding-bottom:22px;display:flex}.code-run__sev{font-family:var(--pat-mono);color:#fbbf24;background:#f59e0b29;border-radius:5px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.code-run__title{letter-spacing:-.035em;color:#f8fafc;margin:14px 0 0;font-size:1.5rem;font-weight:750}.code-run__meta{font-family:var(--pat-mono);text-align:right;color:#f8fafc59;font-size:.78rem;line-height:1.7}.code-run__step{border-bottom:1px solid #ffffff12;grid-template-columns:44px minmax(0,1fr);gap:18px;margin-bottom:26px;padding-bottom:26px;display:grid}.code-run__step:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.code-run__n{font-family:var(--pat-mono);color:#f8fafc4d;font-size:.82rem;font-weight:700}.code-run__step-title{letter-spacing:-.02em;color:#f8fafc;margin:0;font-size:1.02rem;font-weight:700}.code-run__step-body{color:#f8fafc80;max-width:58ch;margin:8px 0 14px;font-size:.92rem;line-height:1.7}.code-run__term{border-radius:var(--pat-radius-xs);background:#ffffff08;border:1px solid #ffffff1a;padding:14px 16px}.code-run__term .ds-code{font-family:var(--pat-mono);color:#7dd3fc;white-space:pre-wrap;background:0 0;border:none;padding:0;font-size:.84rem;line-height:1.6;display:block}.code-run__prompt{color:#f8fafc4d;user-select:none;margin-right:9px}.code-run__foot{font-family:var(--pat-mono);color:#f8fafc4d;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:20px;font-size:.78rem;display:flex}.code-config{background:#f7f8fa;padding:64px 56px 72px}.code-config__inner{max-width:1000px;margin:0 auto}.code-config__title{letter-spacing:-.04em;color:var(--pat-ink);margin:0;font-size:1.7rem;font-weight:750}.code-config__lede{max-width:58ch;color:var(--pat-body);margin:12px 0 26px;font-size:.98rem;line-height:1.7}.code-config__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:24px;display:grid}.code-config__table{border:1px solid var(--pat-line);border-radius:var(--pat-radius-sm);background:#fff;overflow:hidden}.code-config__row{border-bottom:1px solid #0f172a0d;grid-template-columns:130px 92px 110px;align-items:center;gap:14px;padding:13px 18px;display:grid}.code-config__row:last-child{border-bottom:none}.code-config__row--head{letter-spacing:.1em;text-transform:uppercase;color:var(--pat-soft);background:#fbfcfd;font-size:.7rem;font-weight:700}.code-config__key .ds-code{font-family:var(--pat-mono);color:var(--pat-blue);background:#1d4ed814;border-radius:5px;padding:2px 7px;font-size:.82rem;font-weight:600}.code-config__type .ds-code,.code-config__default .ds-code{font-family:var(--pat-mono);background:0 0;padding:0;font-size:.8rem}.code-config__type .ds-code{color:#7c3aed}.code-config__default .ds-code{color:#15803d}.code-config__note{color:var(--pat-body);grid-column:1/-1;margin-top:6px;font-size:.85rem;line-height:1.6}.code-config__file{border-radius:var(--pat-radius-sm);border:1px solid #0f172a1f;overflow:hidden}.code-config__file-bar{font-family:var(--pat-mono);color:#cbd5e1b3;background:#111827;align-items:center;gap:9px;padding:11px 16px;font-size:.78rem;display:flex}.code-config__file-dot{background:#ffffff2e;border-radius:50%;width:8px;height:8px}.code-config__file .code-block{border-radius:0}.code-lesson{background:radial-gradient(50% 40% at 85% 0,#7c3aed1a,#0000 62%),#fbfaff;padding:64px 56px 72px}.code-lesson__inner{max-width:960px;margin:0 auto}.code-lesson__course{letter-spacing:.16em;text-transform:uppercase;color:#8b85ad;font-size:.73rem;font-weight:700}.code-lesson__title{letter-spacing:-.04em;color:#1e1b3a;max-width:26ch;margin:14px 0 0;font-size:clamp(1.7rem,3.2vw,2.2rem);font-weight:800;line-height:1.14}.code-lesson__module{color:#585280;margin:10px 0 28px;font-size:.88rem}.code-lesson__compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.code-lesson__panel{border-radius:var(--pat-radius-md);background:#fff;border:1px solid #1e1b3a1f;overflow:hidden}.code-lesson__panel--bad{border-color:#dc262647}.code-lesson__panel--good{border-color:#16a34a59;box-shadow:0 12px 30px #16a34a14}.code-lesson__panel-head{border-bottom:1px solid #1e1b3a17;align-items:center;gap:9px;padding:12px 16px;font-size:.8rem;font-weight:700;display:flex}.code-lesson__panel--bad .code-lesson__panel-head{color:#b91c1c;background:#dc26260f}.code-lesson__panel--good .code-lesson__panel-head{color:#15803d;background:#16a34a12}.code-lesson__panel .code-block{border-radius:0}.code-lesson__panel--bad .code-block{background:#1b1420}.code-lesson__points{border-radius:var(--pat-radius-md);background:#fff;border:1px solid #1e1b3a1a;flex-direction:column;gap:11px;margin:28px 0 0;padding:22px 24px;list-style:none;display:flex}.code-lesson__points li{color:#3d3860;align-items:flex-start;gap:11px;font-size:.94rem;line-height:1.65;display:flex}.code-lesson__points li:before{content:"—";color:#b9b3d4}.code-lesson__points .ds-code{font-family:var(--pat-mono);color:#6d28d9;background:#7c3aed17;border-radius:5px;padding:2px 6px;font-size:.85em}@media (width<=1000px){.code-start,.code-notes{padding:52px 32px 64px}.code-run{padding:48px 32px 64px}.code-run__meta{text-align:left}.code-config{padding:52px 32px 64px}.code-config__grid{grid-template-columns:minmax(0,1fr)}.code-lesson{padding:52px 32px 64px}.code-lesson__compare{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.code-start,.code-notes{padding:40px 20px 52px}.code-notes__item{grid-template-columns:minmax(0,1fr);gap:10px}.code-notes__type{justify-self:start}.code-run{padding:36px 20px 52px}.code-run__step{grid-template-columns:minmax(0,1fr);gap:8px}.code-config{padding:40px 20px 52px}.code-config__row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.code-config__row--head{display:none}.code-lesson{padding:40px 20px 52px}.code-block{padding:14px 16px}}.ds-code{color:var(--ds-code-color,#be123c);background:var(--ds-code-bg,#f8fafc);border:1px solid var(--ds-border,#e2e8f0);white-space:nowrap;border-radius:6px;padding:.15rem .45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.875em;line-height:1.4;display:inline-block}