.theme-lab{--bg:#f7f8fa;--bg-2:#eef1f4;--bg-elevated:#fff;--fg:#161a1f;--fg-muted:#56606b;--fg-subtle:#6b7682;--border:#dde2e8;--border-strong:#c9d0d8;--accent:#0f766e;--accent-hover:#0b5a54;--accent-soft:#e1f2ef;--success:#1a7f4b;--warning:#b26a00;--danger:#c8322b}:root[data-theme=dark] .theme-lab{--bg:#0f1215;--bg-2:#12161a;--bg-elevated:#171b20;--fg:#e4e8ec;--fg-muted:#97a1ac;--fg-subtle:#7d8894;--border:#262c33;--border-strong:#333b44;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-soft:#10302c;--success:#4cc38a;--warning:#e5a03a;--danger:#f2735f}.theme-lab .font-display{font-family:var(--font-plex-sans), "IBM Plex Sans", system-ui, sans-serif;letter-spacing:-.025em;font-weight:600}.theme-lab .guide-section{--ink:#161a1f;--ink-dim:#2f3740;--ink-faint:#56606b;--bg-card:#fff;--bg-code:#f2f4f7;--rule:#dde2e8;--bg-codeblock:#161a1f;--codeblock-ink:#e4e8ec;--code-key:#f4a259;--code-str:#8bd3c7;--code-comment:#8e99a6;--blue:#1f5fa8;--green:#1a7f4b;--cyan:#0e7490;--purple:#6d4ac4;--pink:#b8327a;--red:#c8322b;--warning-ink:#9a5b00;--blue-solid:#1f5fa8;--green-solid:#1a7f4b;--cyan-solid:#0e7490;--purple-solid:#6d4ac4;--warning-solid:#9a5b00;--red-solid:#b42318;--pink-solid:#a3286b;--accent-soft:var(--accent-hover);--serif:var(--font-plex-sans), "IBM Plex Sans", system-ui, sans-serif;--sans:var(--font-plex-sans), "IBM Plex Sans", system-ui, sans-serif;--mono:var(--font-plex-mono), "IBM Plex Mono", ui-monospace, monospace;box-shadow:none;font-size:17px;line-height:1.7}:root[data-theme=dark] .theme-lab .guide-section{--ink:#e4e8ec;--ink-dim:#c9d1da;--ink-faint:#97a1ac;--bg-card:#171b20;--bg-code:#1e242a;--rule:#262c33;--bg-codeblock:#0b0e11;--codeblock-ink:#e4e8ec;--code-key:#f4a259;--code-str:#8bd3c7;--code-comment:#8894a1;--blue:#7cb7ff;--green:#4cc38a;--cyan:#22d3ee;--purple:#b39dfa;--pink:#f472b6;--red:#fb7185;--warning-ink:#f2c063;--blue-solid:#1d4ed8;--green-solid:#047857;--cyan-solid:#0e7490;--purple-solid:#6d28d9;--warning-solid:#a16207;--red-solid:#b91c1c;--pink-solid:#9d174d}.theme-lab .guide-section h2{letter-spacing:-.025em;font-size:34px;font-weight:600;line-height:1.12}.theme-lab .guide-section h2 em{font-style:normal;font-weight:600}.theme-lab .guide-section .section-num,.theme-lab .guide-section h2 .num{background:var(--accent);color:var(--bg-card);border-radius:6px}.theme-lab .guide-section .lede,.theme-lab .guide-section .section-subtitle{color:var(--ink-faint);background:0 0;border-left:0;max-width:68ch;margin-bottom:28px;padding:0;font-size:18px;font-style:normal;line-height:1.55}.theme-lab .guide-section{counter-reset:lesson-step}.theme-lab .guide-section>h3{counter-increment:lesson-step;letter-spacing:-.015em;border-left:0;border-top:1px solid var(--rule);margin:56px 0 14px;padding-top:24px;padding-left:0;font-size:23px;font-weight:600;line-height:1.25}.theme-lab .guide-section>h3:before{content:counter(lesson-step, decimal-leading-zero);font-family:var(--mono);letter-spacing:.08em;color:var(--accent);margin-bottom:6px;font-size:12px;font-weight:500;display:block}.theme-lab .guide-section h4{letter-spacing:.1em;color:var(--ink-faint);background:0 0;margin:28px 0 10px;padding:0;font-size:11.5px;display:block}.theme-lab .guide-section>p,.theme-lab .guide-section>ul,.theme-lab .guide-section>ol:not(.steps){max-width:72ch}.theme-lab .guide-section p strong,.theme-lab .guide-section li strong{background:0 0;padding:0;font-weight:600}.theme-lab .guide-section a{color:var(--accent);text-underline-offset:3px;border-bottom:0;text-decoration:underline;text-decoration-thickness:1px}.theme-lab .guide-section a:hover{color:var(--accent-hover)}.theme-lab .guide-section ol>li::marker{color:var(--accent)}.theme-lab .guide-section code{background:var(--bg-code);border:1px solid var(--rule);color:var(--ink);font-weight:500}.theme-lab .guide-section pre:not(.visual-diagram):not(.diagram){--ink:#e4e8ec;--ink-dim:#c9d1da;--ink-faint:#8e99a6;--accent:#5eead4;--blue:#7cb7ff;--green:#4cc38a;--purple:#b39dfa;--red:#fb7185;--rule:#2a3139;background:var(--bg-codeblock);color:var(--codeblock-ink);box-shadow:none;border:0;border-radius:6px;font-size:13.5px}.theme-lab .guide-section pre:not(.visual-diagram):not(.diagram) code{color:var(--codeblock-ink);font-size:13.5px}.theme-lab .guide-section pre code{background:0 0;border:0;padding:0}.theme-lab .guide-section .code-collapse{border-color:var(--rule);border-radius:6px}.theme-lab .guide-section .code-collapse pre{border-left:0;border-image:}.theme-lab .guide-section .code-collapse-toggle{color:var(--ink);background:var(--bg-code);border-left:0}.theme-lab .guide-section .code-collapse-toggle:hover{background:color-mix(in srgb, var(--accent) 10%, var(--bg-code));color:var(--accent)}.theme-lab .guide-section .callout{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);box-shadow:none;background:color-mix(in srgb, var(--accent) 7%, var(--bg-card));border-radius:6px}.theme-lab .guide-section .callout:before{content:none}.theme-lab .guide-section .callout.warn{border-color:color-mix(in srgb, var(--red) 30%, transparent);background:color-mix(in srgb, var(--red) 7%, var(--bg-card))}.theme-lab .guide-section .callout.good{border-color:color-mix(in srgb, var(--green) 30%, transparent);background:color-mix(in srgb, var(--green) 7%, var(--bg-card))}.theme-lab .guide-section .callout.info{border-color:color-mix(in srgb, var(--blue) 30%, transparent);background:color-mix(in srgb, var(--blue) 7%, var(--bg-card))}.theme-lab .guide-section .callout .label{letter-spacing:.1em;font-size:11px}.theme-lab .guide-section .callout p:last-child{margin-bottom:0}.theme-lab .guide-section table{box-shadow:none;border-radius:6px;font-size:15px}.theme-lab .guide-section th{border-bottom:1px solid var(--rule);color:var(--ink-faint);background:var(--bg-code);letter-spacing:.08em;font-size:11px}.theme-lab .guide-section tr:hover td,.theme-lab .guide-section tbody tr:nth-child(2n) td{background:0 0}.theme-lab .guide-section tbody tr:hover td{background:color-mix(in srgb, var(--accent) 4%, var(--bg-card))}.theme-lab .guide-section .mermaid-wrapper{box-shadow:none;border:1px solid var(--rule);border-image:;border-radius:8px;padding:18px 20px 12px}.theme-lab .guide-section .diagram-title{font-family:var(--sans);letter-spacing:0;text-transform:none;color:var(--ink);font-size:14px;font-weight:600}.theme-lab .guide-section .mermaid-svg svg text{font-family:var(--sans)!important}.theme-lab .guide-section .mermaid-svg svg text[font-family*=mono],.theme-lab .guide-section .mermaid-svg svg [font-family*=mono] text{font-family:var(--mono)!important}.theme-lab .guide-section .mermaid-svg::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 25%, transparent)}.theme-lab .guide-section .animation-wrapper{border-top:1px solid var(--rule);box-shadow:none;border-image:;border-radius:8px}.theme-lab .guide-section .comparison-card{box-shadow:none}.theme-lab article .guide-section{background:0 0;border:0;border-radius:0;padding:4px 0 0;animation:none}