:root{color-scheme:light dark;--background:oklch(98.5% .006 285);--foreground:oklch(22% .032 278);--primary:oklch(50% .19 286);--primary-foreground:oklch(99% 0 89.9);--primary-soft:oklch(95.5% .025 288);--muted:oklch(96.6% .007 286);--muted-foreground:oklch(49.5% .026 282);--card:oklch(100% 0 0);--border:oklch(86.1% .012 286);--radius:1rem;--shadow:0 1px 2px oklch(30% .05 285/.06), 0 8px 24px oklch(30% .05 285/.06);--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;--font-display:"Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--background:oklch(16.5% .021 282);--foreground:oklch(96.5% .007 286);--primary:oklch(74% .155 288);--primary-foreground:oklch(17% .045 285);--primary-soft:oklch(25.5% .045 285);--muted:oklch(26% .022 283);--muted-foreground:oklch(72% .022 285);--card:oklch(20.5% .022 282);--border:oklch(34.6% .024 284);--shadow:0 1px 2px oklch(0% 0 0/.3)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.7}.wrap{max-width:46rem;margin:0 auto;padding:0 1rem}.wrap.wide{max-width:64rem}a{color:var(--primary);text-underline-offset:.18em}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.skip{background:var(--primary);color:var(--primary-foreground);z-index:10;border-radius:.5rem;padding:.5rem .9rem;position:absolute;top:.5rem;left:-999px}.skip:focus{left:.5rem}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;line-height:1.25}h1{margin:.5rem 0 .75rem;font-size:clamp(2rem,5.4vw,2.75rem);line-height:1.15}h2{margin:2.75rem 0 .75rem;scroll-margin-top:1.5rem;font-size:1.55rem}h3{margin:1.75rem 0 .5rem;scroll-margin-top:1.5rem;font-size:1.2rem}.site-header{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--background) 88%, transparent);z-index:5;backdrop-filter:blur(10px);position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;min-height:3.75rem;display:flex}.brand{font-family:var(--font-display);color:var(--foreground);align-items:center;gap:.55rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border-radius:8px}.site-header nav{align-items:center;gap:1.1rem;font-size:.95rem;display:flex}.site-header nav a,.site-footer a,.crumbs a{color:var(--muted-foreground);text-decoration:none}.site-header nav a:hover,.site-footer a:hover,.crumbs a:hover{color:var(--foreground)}.site-header .nav-cta{background:var(--primary);color:var(--primary-foreground);border-radius:999px;padding:.4rem .9rem;font-weight:600}.site-header .nav-cta:hover{color:var(--primary-foreground);filter:brightness(1.08)}@media (width<=30rem){.site-header nav a:nth-child(2){display:none}}.site-footer{border-top:1px solid var(--border);background:var(--muted);margin-top:5rem;font-size:.92rem}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;padding:2rem 1rem;display:flex}.footer-brand a{font-family:var(--font-display);color:var(--foreground);font-weight:800}.footer-brand p{max-width:22rem;color:var(--muted-foreground);margin:.35rem 0 0;line-height:1.5}.site-footer nav{flex-wrap:wrap;align-content:flex-start;gap:.5rem 1.25rem;max-width:24rem;display:flex}.lede,.dek,.meta,.card-meta{color:var(--muted-foreground)}.dek{margin:0 0 1rem;font-size:1.15rem;line-height:1.55}.meta,.card-meta{flex-wrap:wrap;align-items:center;gap:.25rem .55rem;margin:0;font-size:.9rem;display:flex}.badge{background:var(--primary-soft);color:var(--primary);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin:0;padding:.15rem .65rem;font-size:.78rem;font-weight:700;display:inline-block}.pill{background:var(--primary);color:var(--primary-foreground);border-radius:999px;padding:.05rem .5rem;font-size:.72rem;font-weight:700}.crumbs{color:var(--muted-foreground);gap:.45rem;margin-top:1.75rem;font-size:.9rem;display:flex}.index-head{padding:2.5rem 0 .5rem}.index-section h2{margin-top:2.5rem}.guide-list{gap:1rem;margin:1.5rem 0 2rem;padding:0;list-style:none;display:grid}.guide-list a{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;padding:1.35rem 1.4rem;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.guide-list a:hover{border-color:var(--primary);transform:translateY(-1px)}.guide-list h3{margin:.6rem 0 .35rem;font-size:1.25rem}.guide-list p{color:var(--muted-foreground);margin:0}.guide-list .badge{color:var(--primary)}.guide-list .card-meta{margin-top:.8rem}.guide-head{padding:.75rem 0 .5rem}.takeaways{background:var(--primary-soft);border-left:4px solid var(--primary);border-radius:0 var(--radius) var(--radius) 0;margin:1.75rem 0;padding:1.15rem 1.35rem}.takeaways h2,.toc h2{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);margin:0 0 .5rem;font-size:.85rem}.takeaways ul{margin:0;padding-left:1.2rem}.toc{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin:1.5rem 0 2rem;padding:1rem 1.35rem}.toc ol{columns:1;margin:0;padding-left:1.3rem}.toc li+li{margin-top:.2rem}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}.prose>:first-child{margin-top:0}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.35rem}.prose li::marker{color:var(--primary)}.prose blockquote{border-left:3px solid var(--primary);background:var(--muted);border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0;padding:.75rem 1.25rem}.prose blockquote p{margin:.4rem 0}.prose img,.prose figure{border-radius:var(--radius);max-width:100%;height:auto}.prose figure{margin:1.75rem 0}.prose figcaption{color:var(--muted-foreground);margin-top:.5rem;font-size:.9rem}.prose code{background:var(--muted);border-radius:.35rem;padding:.1rem .35rem;font-size:.92em}.prose hr{border:0;border-top:1px solid var(--border);margin:2.5rem 0}.prose table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:var(--radius);width:100%;margin:1.5rem 0;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:.65rem .85rem}.prose th{background:var(--muted);white-space:nowrap;font-weight:700}.prose tr:last-child td{border-bottom:0}.prose input[type=checkbox]{accent-color:var(--primary);margin-right:.5rem}.prose .contains-task-list{padding-left:.25rem;list-style:none}.faq{margin-top:3rem}.faq h2{margin-top:0}.faq details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0 1.1rem}.faq details+details{margin-top:.6rem}.faq summary{cursor:pointer;justify-content:space-between;gap:1rem;padding:.95rem 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--primary);font-size:1.3rem;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted-foreground);margin:0 0 1rem}.cta{border-radius:calc(var(--radius) + 4px);color:oklch(99% 0 0);background:linear-gradient(135deg,oklch(42% .2 286),oklch(58% .2 292));margin:3.5rem 0;padding:1.75rem}.cta h2{color:inherit;margin:0 0 .5rem;font-size:1.45rem}.cta p{color:oklch(97% .01 290);margin:0 0 .75rem}.cta-actions{flex-wrap:wrap;gap:.6rem;display:flex;margin:1rem 0 0!important}.cta a.button{color:oklch(38% .19 286);background:oklch(99% 0 0);border-radius:999px;padding:.7rem 1.25rem;font-weight:700;text-decoration:none;display:inline-block}.cta a.button.ghost{color:oklch(99% 0 0);background:0 0;box-shadow:inset 0 0 0 2px oklch(99% 0 0/.7)}.related h2{margin-top:0}.updates{border-left:2px solid var(--border);margin:2rem 0 0;padding:0 0 0 1.25rem;list-style:none}.updates>li{padding-bottom:2rem;position:relative}.updates>li:before{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px;position:absolute;top:.55rem;left:calc(-1.25rem - 6px)}.update h2{margin:.25rem 0 .5rem;font-size:1.35rem}.update h2 a{color:inherit;text-decoration:none}.update h2 a:hover{text-decoration:underline}.update .prose p{margin:.5rem 0}@media print{.site-header,.site-footer,.cta,.toc,.skip{display:none}body{color:#000;background:#fff}}
