@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2) format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic-latin.woff2) format("woff2")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--ff-body);font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;background:none;border:none;cursor:pointer;color:inherit}ul,ol{list-style:none}::selection{background:var(--accent);color:#fff}:root{--bg: #ffffff;--bg-2: #1c1916;--ink: #1c1916;--paper: #faf8f3;--accent: #d97a3a;--accent-2: #e8a868;--line: rgba(28, 25, 22, .12);--line-strong: rgba(28, 25, 22, .18);--muted: rgba(28, 25, 22, .72);--muted-2: rgba(28, 25, 22, .62);--ff-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--ff-body: "Manrope", system-ui, -apple-system, sans-serif;--ff-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ff-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;--maxw: 1240px;--pad-x: 32px;--pad-y: 96px;--gap: 48px;--radius: 16px;--radius-lg: 20px;--h1-size: 84px;--h1-line: 1.05;--lead-size: 21px;--h-weight: 600;--h-transform: none;--rule-thick: 2px;--rule-thin: 1px}.section{padding:var(--pad-y) var(--pad-x);position:relative}.wrap{max-width:var(--maxw);margin-inline:auto}.section--paper{background:var(--paper)}.section--ink{background:var(--bg-2);color:var(--paper)}.section-marker{font-family:var(--ff-mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.section--ink .section-marker{color:var(--accent-2)}.section-head{margin-bottom:48px}.section-head .section-marker{display:inline-block;margin-bottom:16px}.section-head .h2{width:100%}.h2{font-family:var(--ff-display);font-size:clamp(30px,4.2vw,52px);line-height:1.08;font-weight:600;letter-spacing:-.025em;text-transform:none;margin:0}.serif-italic{font-family:var(--ff-serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.01em}.serif-italic--accent{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:15px 30px;font-family:var(--ff-body);font-size:15px;font-weight:600;letter-spacing:0;cursor:pointer;border:none;text-decoration:none;border-radius:10px;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent);color:#fff}.btn-secondary{background:transparent;color:var(--ink);border:1px solid var(--line-strong)}.btn-secondary:hover{background:#1c191608;border-color:var(--ink)}@keyframes eg-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal{animation:eg-reveal .6s ease both}article.tut .tut-hero,article.tut .tut-body{margin-inline:auto;max-width:768px}@media(max-width:1100px){:root{--pad-y: 72px;--gap: 32px;--h1-size: 64px}}@media(max-width:720px){:root{--pad-x: 20px;--pad-y: 56px;--gap: 24px;--h1-size: 46px;--lead-size: 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.lang-switcher[data-astro-cid-a2mxz4y6]{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-mono);font-size:11px;letter-spacing:1.2px}.lang-link[data-astro-cid-a2mxz4y6]{color:var(--ink);transition:color .2s}.lang-link[data-astro-cid-a2mxz4y6]:hover,.lang-link[data-astro-cid-a2mxz4y6].active{color:var(--accent)}.lang-sep[data-astro-cid-a2mxz4y6]{opacity:.5}.nav[data-astro-cid-sckkx6r4]{position:sticky;top:0;z-index:50;background:#ffffffd1;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line)}.nav-inner[data-astro-cid-sckkx6r4]{max-width:var(--maxw);margin:0 auto;padding:18px var(--pad-x);display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-brand[data-astro-cid-sckkx6r4]{display:inline-flex;align-items:center;gap:11px;font-family:var(--ff-mono);font-size:13px;font-weight:700;letter-spacing:2px;color:var(--ink);flex-shrink:0}.nav-dot[data-astro-cid-sckkx6r4]{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block}.nav-links[data-astro-cid-sckkx6r4]{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);font-size:14px}.nav-link[data-astro-cid-sckkx6r4]{color:var(--muted);transition:color .18s ease}.nav-link[data-astro-cid-sckkx6r4]:hover{color:var(--ink)}.nav-cta[data-astro-cid-sckkx6r4]{display:inline-flex;align-items:center;padding:9px 18px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;transition:background .2s ease}.nav-cta[data-astro-cid-sckkx6r4]:hover{background:var(--accent);color:#fff}.nav-burger[data-astro-cid-sckkx6r4]{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;flex-shrink:0}.nav-burger[data-astro-cid-sckkx6r4] span[data-astro-cid-sckkx6r4]{display:block;height:2px;width:22px;background:var(--ink);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-burger[data-astro-cid-sckkx6r4].open span[data-astro-cid-sckkx6r4]:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-burger[data-astro-cid-sckkx6r4].open span[data-astro-cid-sckkx6r4]:last-child{transform:translateY(-3.5px) rotate(-45deg)}@media(max-width:820px){.nav-burger[data-astro-cid-sckkx6r4]{display:flex}.nav-links[data-astro-cid-sckkx6r4]{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:4px;padding:12px var(--pad-x) 20px;background:#fffffff5;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line);box-shadow:0 18px 40px #1c191614;display:none}.nav-links[data-astro-cid-sckkx6r4].open{display:flex}.nav-link[data-astro-cid-sckkx6r4]{padding:10px 0;font-size:16px}.nav-cta[data-astro-cid-sckkx6r4]{margin-top:8px}}.footer[data-astro-cid-sz7xmlte]{background:var(--bg-2);color:var(--paper);border-top:1px solid rgba(250,248,243,.12)}.footer-inner[data-astro-cid-sz7xmlte]{max-width:var(--maxw);margin:0 auto;padding:32px var(--pad-x);display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-family:var(--ff-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#faf8f38c}.footer-brand[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:10px;color:var(--paper)}.footer-dot[data-astro-cid-sz7xmlte]{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.footer-link[data-astro-cid-sz7xmlte]{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#faf8f34d}.footer-link[data-astro-cid-sz7xmlte]:hover{color:var(--paper);text-decoration-color:var(--accent)}@media(max-width:560px){.footer-inner[data-astro-cid-sz7xmlte]{justify-content:center;text-align:center}}