:root{--c-bg: #ffffff;--c-bg-soft: #fafaf7;--c-bg-elevated: #f5f4ee;--c-border: #e5e3d8;--c-border-strong: #d4d2c2;--c-text: #1a1a1a;--c-text-muted: #4a4a4a;--c-text-dim: #8a8a8a;--c-accent: #f2c811;--c-accent-hover: #e0b90f;--c-accent-soft: #fffbea;--c-accent-border: #f2c811;--c-accent-text: #1a1a1a;--c-accent-dark: #8a6d0a;--c-code-bg: #252423;--c-code-text: #f5f4ee;--c-warn: #d97706;--c-danger: #dc2626;--c-info: #2563eb;--font-sans: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Cascadia Code", "SF Mono", "Fira Code", "JetBrains Mono", Consolas, Monaco, monospace;--max-width: 1120px;--content-width: 760px;--header-height: 64px;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px}@media (prefers-color-scheme: dark){:root{--c-bg: #1a1a1a;--c-bg-soft: #232323;--c-bg-elevated: #2d2d2d;--c-border: #3a3a3a;--c-border-strong: #4a4a4a;--c-text: #f5f4ee;--c-text-muted: #b0b0b0;--c-text-dim: #808080;--c-accent: #f2c811;--c-accent-hover: #ffd633;--c-accent-soft: rgba(242, 200, 17, .1);--c-accent-border: rgba(242, 200, 17, .4);--c-accent-text: #1a1a1a;--c-accent-dark: #f2c811;--c-code-bg: #0d0d0d}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}body{font-family:var(--font-sans);background:var(--c-bg);color:var(--c-text);line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--c-accent-dark);text-decoration:none;transition:color .15s ease}a:hover{color:var(--c-accent-hover);text-decoration:underline}img{max-width:100%;height:auto;border-radius:var(--radius)}h1,h2,h3,h4,h5,h6{line-height:1.25;font-weight:700;letter-spacing:-.02em;color:var(--c-text)}h1{font-size:2.25rem;margin:0 0 .6em}h2{font-size:1.75rem;margin:1.8em 0 .6em}h3{font-size:1.35rem;margin:1.5em 0 .5em}h4{font-size:1.1rem;margin:1.2em 0 .4em}p{margin:0 0 1em;color:var(--c-text-muted)}p strong{color:var(--c-text)}ul,ol{margin:0 0 1em 1.5em;color:var(--c-text-muted)}li{margin-bottom:.4em}li strong{color:var(--c-text)}code{font-family:var(--font-mono);font-size:.875em;background:var(--c-bg-elevated);color:var(--c-accent-dark);padding:.15em .4em;border-radius:4px;border:1px solid var(--c-border)}pre{background:var(--c-code-bg);color:var(--c-code-text);padding:1.2em 1.4em;border-radius:var(--radius);overflow-x:auto;margin:0 0 1.2em;font-size:.875rem;line-height:1.6}pre code{background:none;border:none;color:inherit;padding:0;font-size:inherit}blockquote{border-left:3px solid var(--c-accent);background:var(--c-accent-soft);padding:.8em 1.2em;margin:0 0 1.2em;border-radius:0 var(--radius) var(--radius) 0;color:var(--c-text-muted)}blockquote p:last-child{margin-bottom:0}table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:.9rem}th,td{padding:.7em .9em;border:1px solid var(--c-border);text-align:left}th{background:var(--c-bg-elevated);font-weight:600;color:var(--c-text)}td{color:var(--c-text-muted)}hr{border:none;border-top:1px solid var(--c-border);margin:2em 0}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.content-width{max-width:var(--content-width);margin:0 auto;padding:0 24px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.pill{display:inline-block;padding:.2em .7em;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.pill-beginner{background:var(--c-accent-soft);color:#8a6d0a;border:1px solid var(--c-accent-border)}.pill-intermediate{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.pill-advanced{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}@media (prefers-color-scheme: dark){.pill-intermediate{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}.pill-advanced{background:#ef444426;color:#f87171;border-color:#ef44444d}}::selection{background:var(--c-accent);color:var(--c-accent-text)}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:3px}@media (max-width: 640px){.container,.content-width{padding-left:16px;padding-right:16px}table{table-layout:fixed;font-size:.82rem}th,td{padding:.5em .6em;word-break:break-word;overflow-wrap:anywhere}pre{font-size:.8rem;padding:1em 1.1em}.article-content{font-size:.98rem}}html[data-design-variant=A]{--c-bg:#fff;--c-bg-soft:#f7f8fb;--c-bg-elevated:#f4f6f9;--c-border:#e1e5eb;--c-border-strong:#bdc6d3;--c-text:#131b2b;--c-text-muted:#495569;--c-text-dim:#6b788b;--c-accent:#ffca23;--c-accent-hover:#efb71b;--c-accent-soft:#fff9e7;--c-accent-border:#f3cb62;--c-accent-text:#141822;--c-accent-dark:#976e00;--radius:10px;--radius-lg:14px;--max-width:1320px}html[data-design-variant=C]{--c-bg:#f7f5ee;--c-bg-soft:#f0ede5;--c-bg-elevated:#eee7dd;--c-border:#d7cebd;--c-border-strong:#b7a89a;--c-text:#171615;--c-text-muted:#4d463d;--c-text-dim:#77675a;--c-accent:#e45235;--c-accent-hover:#cf4027;--c-accent-soft:#fbe9e1;--c-accent-border:#dba18d;--c-accent-text:white;--c-accent-dark:#bc3523;--radius:0px;--radius-lg:0px;--max-width:1320px}html[data-design-variant] body,html[data-design-variant] .site-header{background:var(--c-bg);color:var(--c-text)}html[data-design-variant] .site-header{box-shadow:0 2px 12px #141b2708}html[data-design-variant] .logo-mark,html[data-design-variant] .footer-logo .logo-mark{background:var(--c-accent);color:var(--c-accent-text);border-radius:var(--radius-sm)}html[data-design-variant] .logo-accent,html[data-design-variant] .main-nav a.active{color:var(--c-accent-dark)}html[data-design-variant] .site-footer{background:var(--c-bg-soft);border-top:1px solid var(--c-border)}html[data-design-variant] .site-footer a:hover{color:var(--c-accent-dark)}html[data-design-variant] .cookie-consent{background:#222333;color:#fff}html[data-design-variant] .cookie-consent .cookie-consent__text{color:#f5f5f5}html[data-design-variant] .cookie-consent .cookie-consent__btn--primary{background:var(--c-accent);color:var(--c-accent-text)}html[data-design-variant] .cookie-consent .cookie-consent__link{color:#f9cd73}html[data-design-variant] .page-header{background:var(--c-bg-soft);border-color:var(--c-border)}html[data-design-variant] .page-eyebrow,html[data-design-variant] .article-cat{color:var(--c-accent-dark)}html[data-design-variant] .tutorial-card{background:var(--c-bg);border-color:var(--c-border);border-radius:var(--radius-lg);overflow:hidden}html[data-design-variant] .tutorial-card .card-image{aspect-ratio:16/9}html[data-design-variant] .tutorial-card .card-title{color:var(--c-text)}html[data-design-variant] .tutorial-card:hover{box-shadow:0 14px 29px #212b3815;border-color:var(--c-accent-border)}html[data-design-variant] .sidebar,html[data-design-variant] .toc-sidebar{color:var(--c-text)}html[data-design-variant] .sidebar-cta,html[data-design-variant] .filter-bar,html[data-design-variant] .toc-nav{border-color:var(--c-border)}html[data-design-variant] .cat-list a.active,html[data-design-variant] .chip.active{background:var(--c-accent-soft);color:var(--c-accent-dark)}html[data-design-variant] .article-header,html[data-design-variant] .tutorial-main,html[data-design-variant] .article-content{color:var(--c-text)}html[data-design-variant] .article-content a{color:var(--c-accent-dark)}html[data-design-variant] .newsletter-form button,html[data-design-variant] .btn-primary{background:var(--c-accent);color:var(--c-accent-text)}html[data-design-variant] .section-cta{background:var(--c-bg-soft)}html[data-design-variant=A] .site-footer{background:#f5f7fa}html[data-design-variant=A] .section-cta{background:#fff6dc}html[data-design-variant=C] body,html[data-design-variant=C] .page-header h1,html[data-design-variant=C] .article-header h1,html[data-design-variant=C] .card-title,html[data-design-variant=C] .section-head h2,html[data-design-variant=C] .sidebar-title,html[data-design-variant=C] .site-footer h4{font-family:Georgia,Times New Roman,serif}html[data-design-variant=C] .page-header h1,html[data-design-variant=C] .article-header h1{font-weight:700;letter-spacing:-.04em}html[data-design-variant=C] .site-header .logo,html[data-design-variant=C] .footer-logo{font-family:Georgia,Times New Roman,serif}html[data-design-variant=C] .site-header .logo{font-size:1.15rem}html[data-design-variant=C] .site-footer{border-top:3px solid #e45235}html[data-design-variant=C] .tutorial-card{box-shadow:none;border-width:1px}html[data-design-variant=C] .tutorial-card .card-cat{color:#c13f28}html[data-design-variant=C] .section-cta{border-top:2px solid #cbb8a9;border-bottom:2px solid #cbb8a9}html[data-design-variant=C] .section-cta h2{font-family:Georgia,Times New Roman,serif;font-size:2rem}html[data-design-variant=C] .cookie-consent{background:#28201d}html[data-design-variant=C] .cookie-consent__btn--primary{background:#e45235;color:#fff}html[data-design-variant=C] .cookie-consent__link{color:#ffc09f}html[data-design-variant=C] .card-image img{border-radius:0}html[data-design-variant=C] .cat-icon{background:#f0d6c8;color:#c54025}html[data-design-variant=C] .cat-card{border-radius:0}html[data-design-variant=C] .category-symbol{color:var(--c-accent-dark)}@media (max-width:700px){html[data-design-variant] .tutorial-card .card-image{aspect-ratio:16/9}}.site-header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:100;background:var(--c-bg);border-bottom:1px solid var(--c-border);backdrop-filter:saturate(180%) blur(8px)}.header-inner[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;color:var(--c-text);text-decoration:none}.logo[data-astro-cid-3ef6ksr2]:hover{text-decoration:none}.logo-mark[data-astro-cid-3ef6ksr2]{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;background:var(--c-accent);color:var(--c-accent-text);font-size:1rem;font-weight:800}.logo-accent[data-astro-cid-3ef6ksr2]{color:var(--c-accent-dark)}.main-nav[data-astro-cid-3ef6ksr2] ul[data-astro-cid-3ef6ksr2]{display:flex;gap:4px;list-style:none;margin:0}.main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:block;padding:8px 14px;border-radius:var(--radius-sm);color:var(--c-text-muted);font-weight:500;font-size:.95rem;text-decoration:none;transition:all .15s ease}.main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--c-text);background:var(--c-bg-elevated);text-decoration:none}.main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{color:var(--c-accent-dark);background:var(--c-accent-soft)}.nav-toggle[data-astro-cid-3ef6ksr2]{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:block;width:22px;height:2px;background:var(--c-text);border-radius:2px}@media (max-width: 720px){.main-nav[data-astro-cid-3ef6ksr2]{position:fixed;top:var(--header-height);left:0;right:0;background:var(--c-bg);border-bottom:1px solid var(--c-border);padding:12px 24px;transform:translateY(-120%);transition:transform .25s ease}.main-nav[data-astro-cid-3ef6ksr2].open{transform:translateY(0)}.main-nav[data-astro-cid-3ef6ksr2] ul[data-astro-cid-3ef6ksr2]{flex-direction:column;gap:0}.main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{padding:12px}.nav-toggle[data-astro-cid-3ef6ksr2]{display:flex}}.site-footer[data-astro-cid-sz7xmlte]{margin-top:80px;background:var(--c-bg-soft);border-top:1px solid var(--c-border)}.footer-inner[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:1.2fr 2fr;gap:48px;padding:56px 24px 40px}.footer-logo[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;color:var(--c-text);margin-bottom:12px}.logo-mark[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--c-accent);color:var(--c-accent-text);font-weight:800;font-size:.9rem}.logo-accent[data-astro-cid-sz7xmlte]{color:var(--c-accent-dark)}.footer-tagline[data-astro-cid-sz7xmlte]{color:var(--c-text-muted);font-size:.9rem;max-width:320px}.footer-links[data-astro-cid-sz7xmlte]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-col[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte]{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-dim);margin-bottom:14px}.footer-col[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;margin:0}.footer-col[data-astro-cid-sz7xmlte] li[data-astro-cid-sz7xmlte]{margin-bottom:8px}.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--c-text-muted);font-size:.9rem}.footer-bottom[data-astro-cid-sz7xmlte]{border-top:1px solid var(--c-border);padding:20px 0}.footer-bottom[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{font-size:.82rem;color:var(--c-text-dim);margin:0}.footer-disclosure[data-astro-cid-sz7xmlte]{margin-top:4px}@media (max-width: 720px){.footer-inner[data-astro-cid-sz7xmlte]{grid-template-columns:1fr;gap:32px;padding:40px 24px 28px}.footer-links[data-astro-cid-sz7xmlte]{grid-template-columns:repeat(3,1fr);gap:20px}}.cookie-consent[data-astro-cid-garwan2p]{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:#1a1a2e;color:#e8e8e8;box-shadow:0 -4px 24px #00000026;transition:opacity .3s ease,transform .3s ease}.cookie-consent--leaving[data-astro-cid-garwan2p]{opacity:0;transform:translateY(100%)}.cookie-consent__inner[data-astro-cid-garwan2p]{max-width:960px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cookie-consent__text[data-astro-cid-garwan2p]{margin:0;font-size:.875rem;line-height:1.5;flex:1;min-width:240px}.cookie-consent__link[data-astro-cid-garwan2p]{color:#7c9eff;text-decoration:underline}.cookie-consent__link[data-astro-cid-garwan2p]:hover{color:#a5b9ff}.cookie-consent__actions[data-astro-cid-garwan2p]{display:flex;gap:8px;flex-shrink:0}.cookie-consent__btn[data-astro-cid-garwan2p]{padding:8px 20px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s ease}.cookie-consent__btn--primary[data-astro-cid-garwan2p]{background:#4f46e5;color:#fff}.cookie-consent__btn--primary[data-astro-cid-garwan2p]:hover{background:#4338ca}.cookie-consent__btn--secondary[data-astro-cid-garwan2p]{background:transparent;color:#e8e8e8;border:1px solid #555}.cookie-consent__btn--secondary[data-astro-cid-garwan2p]:hover{background:#ffffff14}@media (max-width: 600px){.cookie-consent__inner[data-astro-cid-garwan2p]{flex-direction:column;align-items:stretch;padding:14px 16px}.cookie-consent__actions[data-astro-cid-garwan2p]{justify-content:flex-end}}