:root{color-scheme:dark;--base:#1e1e2e;--surface:#181825;--text:#cdd6f4;--muted:#a6adc8;--blue:#89b4fa;--peach:#fab387;--line:#45475a;--font:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--base);color:var(--text);font:350 18px/1.65 var(--font);overflow-wrap:break-word;margin:0}a{color:var(--blue);text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--peach)}a:focus-visible{outline:2px solid var(--peach);outline-offset:6px;border-radius:2px}p{margin:0 0 24px}h1,h2,h3{color:var(--blue);text-wrap:balance;font-weight:600;line-height:1.35}h1{letter-spacing:-1px;margin:0 0 24px;font-size:1.9rem}h2{margin:36px 0 16px;font-size:1.2rem}h3{margin:28px 0 12px;font-size:1.05rem}strong{font-weight:600}::selection{color:#fff;background:#45475a}.site-shell{max-width:1080px;margin:auto;padding:0 40px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:36px 0 26px;font-size:.78rem;display:flex}.wordmark{color:var(--text);white-space:nowrap;font-weight:600;text-decoration:none}.wordmark span{color:var(--peach)}.site-header nav{flex-wrap:wrap;gap:22px;display:flex}.site-header nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--blue)}main{max-width:68ch;margin:auto}.preview-note{max-width:68ch;color:var(--peach);margin:25px auto 0;font-size:.65rem;line-height:1.7}.preview-note span{padding:0 5px}.intro{padding:64px 0 54px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--peach);margin:0 0 20px;font-size:.65rem}.intro h1{letter-spacing:-1.3px;margin:0 0 27px;font-size:2.25rem;line-height:1.25}.lede{color:var(--text);max-width:65ch;font-size:1rem;line-height:1.75}.intro-aside{color:var(--muted);margin:24px 0 0;font-size:.72rem}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.section-heading h2{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:400}.section-heading>span{color:var(--muted);font-size:.65rem}.post-list{margin:0;padding:0;list-style:none}.post-list>li{border-bottom:1px solid var(--line);padding:31px 0 32px}.post-meta{color:var(--muted);letter-spacing:.01em;flex-wrap:wrap;gap:16px;font-size:.64rem;display:flex}.example-label{color:var(--peach)}.post-list h2{margin:11px 0 12px;font-size:1.14rem}.post-list h2 a{text-decoration:none}.post-arrow{opacity:.65;font-size:.8em}.post-list p{color:var(--muted);max-width:62ch;margin:0;font-size:.83rem}.tags{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:16px;font-size:.62rem;display:flex}.tags span:before{content:"#";color:var(--peach)}.site-footer{max-width:68ch;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:64px auto 0;padding:26px 0 45px;font-size:.62rem;display:flex}.site-footer a{text-decoration:none}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:10px;margin:38px 0 40px;font-size:.65rem;line-height:1.8;display:flex}.breadcrumbs a{text-decoration:none}.breadcrumbs [aria-current]{max-width:50ch}.article-heading{margin-bottom:32px}.article-heading .post-meta{margin-bottom:19px}.article-heading h1{font-size:1.85rem}.article-heading .lede{color:var(--muted);font-size:.94rem}.article-image{margin:30px -50px 38px}.article-image img{border-radius:5px;width:100%;height:auto;display:block}.article-image figcaption{color:var(--muted);margin:14px 50px 0;font-size:.66rem;line-height:1.7}.prose h2{margin-top:42px}.prose p,.prose li{font-size:1rem}.prose ul,.prose ol{margin:0 0 26px;padding-left:1.5em}.prose li{margin-bottom:10px;padding-left:5px}.prose li::marker{color:var(--peach)}.prose blockquote{border-left:2px solid var(--peach);color:var(--muted);margin:32px 0;padding:2px 0 2px 23px}.prose blockquote p{margin:0}.prose pre{border:1px solid var(--line);border-radius:5px;max-width:100%;padding:24px;font-size:.75rem;line-height:1.75;overflow:auto}.prose :not(pre)>code{background:var(--surface);color:var(--peach);border-radius:3px;padding:2px 5px;font-size:.88em}.prose img{max-width:100%;height:auto;display:block}.prose table{border-collapse:collapse;width:100%;margin:28px 0;font-size:.8rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 10px}.prose th{color:var(--blue);font-weight:600}.page-heading{margin:45px 0 35px}.article-end{flex-direction:column;align-items:flex-start;gap:30px;margin:45px 0;font-size:.73rem;display:flex}.article-end>span{color:var(--peach);font-size:1.7rem}.article-end a{text-decoration:none}.related{border-top:1px solid var(--line);padding-top:32px}.related .eyebrow{margin-bottom:0}.compact>li{padding:24px 0}.compact h2{font-size:1rem}.compact p{font-size:.75rem}.updated{color:var(--muted);margin-top:32px;font-size:.67rem}.skip-link{background:var(--surface);z-index:2;padding:10px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:10px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=760px){.site-shell{padding:0 22px}.site-header{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0}.site-header nav{gap:20px}.preview-note{margin-top:20px;font-size:.6rem}.intro{padding:45px 0 40px}.intro h1{letter-spacing:-.8px;font-size:1.8rem}h1,.article-heading h1{font-size:1.6rem}.lede{font-size:.92rem}.article-image{margin:28px 0}.article-image figcaption{margin:14px 0 0}.post-list h2{font-size:1.04rem}.breadcrumbs{margin:28px 0 30px}.post-meta{gap:8px 15px}.prose p,.prose li{font-size:.94rem}.prose pre{padding:16px}.site-footer{flex-direction:column;margin-top:42px}.prose table{font-size:.7rem}.prose th,.prose td{padding:10px 7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{color:#202030;background:#fff;font-size:12pt}.site-header,.site-footer,.preview-note,.related,.article-end{display:none}a,h1,h2,h3{color:#284d81}.site-shell{max-width:none;padding:0}.article-image{margin:20px 0}.prose pre{white-space:pre-wrap}.article-image figcaption,.post-meta,.lede{color:#454555}}
