@layer reset, tokens, base, components, responsive, utilities;@layer tokens{:root{--space-3xs: 0.125rem;--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--font-weight-normal: 400;--font-weight-medium: 500;--font-sans: "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, "HelveticaNeue-Light", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", Menlo, Consolas, monospace;--font-size-base: 1rem;--font-size-body: 1.1rem;--font-size-heading: 1.825rem;--black: #1d1d1f;--dark-gray: #333;--gray: #86868b;--light-gray: #ccc;--offwhite: #fbfbfb;--white: #fff;--background: #f5f5f5;--color-text-primary: var(--dark-gray);--color-text-secondary: var(--gray);--color-text-inverse: var(--black);--color-link: var(--dark-gray);--color-link-hover: var(--black);--color-bg-primary: var(--background);--color-bg-secondary: var(--offwhite);--color-border-light: var(--light-gray);--color-border-subtle: rgba(90, 90, 90, 0.1);--color-border-medium: rgba(55, 55, 55, 0.3);--color-shadow-sm: rgba(0, 0, 0, 0.1);--color-shadow-md: rgba(0, 0, 0, 0.2);--base03: #73777f;--base07: #181c22;--base08: #d02023;--base09: #bf3e05;--base0A: #9d6f00;--base0B: #637200;--base0C: #007a72;--base0D: #0073b5;--base0E: #4e66b6;--content-width: 38rem;--content-width-wide: 80ch;--header-height: 2.5rem;--radius-sm: 0.25rem;--border-width-thin: 1px;--border-width-base: 2px;--border-width-thick: 6px;--shadow-md: 2px 2px 16px var(--color-shadow-sm);--shadow-kbd: 0 2px 0 var(--color-shadow-md), 0 0 0 1px var(--white) inset;--card-border: var(--border-width-thin) solid var(--color-border-subtle);--card-radius: var(--radius-sm);--card-shadow: var(--shadow-md)}}@layer reset{*,*::before,*::after{box-sizing:border-box}:where(h1,h2,h3,h4,h5,h6){margin:0;line-height:normal;text-wrap:balance;overflow-wrap:break-word}:where(p){overflow-wrap:break-word}}@layer base{html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-primary)}a{color:var(--color-link);text-decoration:none;transition:color .2s}a:hover{color:var(--color-link-hover)}a:focus-visible{border-radius:var(--radius-sm);outline:var(--border-width-base) solid var(--color-link);outline-offset:var(--border-width-base)}code{font-family:var(--font-mono);font-weight:var(--font-weight-normal)}img{display:block;max-width:100%;height:auto;margin:0 auto}kbd{margin-block:0;margin-inline:var(--space-2xs);padding-block:var(--space-3xs);padding-inline:var(--space-xs);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);white-space:nowrap;background:var(--color-bg-secondary);border:var(--border-width-thin) solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-kbd);cursor:default;user-select:none;text-transform:capitalize}blockquote{margin:var(--space-lg) auto;padding-block:var(--space-xs);padding-inline:var(--space-xl);background:var(--color-bg-secondary);border-inline-start:var(--border-width-thick) solid var(--color-border-medium);box-shadow:var(--shadow-md)}blockquote em{display:block;padding-block-start:var(--space-md);font-style:normal}blockquote em::before{content:"—"}pre{margin:0;white-space:pre-wrap;overflow-wrap:break-word}}@layer components{main{max-width:var(--content-width);margin:0 auto;padding-bottom:var(--space-md)}body>header{max-width:var(--content-width);margin-block-start:var(--space-xs);margin-block-end:var(--space-md);margin-inline:auto;padding-top:var(--space-md);display:flex;flex:1 1 100%;align-items:baseline;justify-content:flex-end}body>header>a:first-child{flex:1.85;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-decoration:none;color:var(--color-link)}body>header>a:first-child:hover{color:var(--color-link-hover)}body>header nav{display:flex;flex:1;justify-content:space-between}body>header nav a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}body>header nav a:where(:hover,.active){color:var(--color-text-inverse)}main>section>article{display:flex;align-items:center;min-height:var(--header-height)}main>section>article h2{flex:3;margin:0;margin-inline-end:var(--space-md);overflow:hidden;font-size:var(--font-size-body);font-weight:var(--font-weight-normal);white-space:nowrap;text-overflow:ellipsis}main>section>article time{flex-shrink:0}main>section>article a{text-decoration:none}main>section>article a:hover{text-decoration:underline}main>article>header h1{font-size:var(--font-size-heading)}main>article>header time{color:var(--color-text-secondary)}main>article a{text-decoration:underline}main>article :is(ul,ol){margin-block:var(--space-md);padding-inline-start:2.5rem}main>article li{margin-block:var(--space-2xs)}main>article :is(ul,ol):first-child{margin-block-start:0}main>article :is(ul,ol):last-child{margin-block-end:0}main>article :is(ul,ol) :is(ul,ol){margin-block:var(--space-xs)}:is(.img-with-shadow,.highlight:is(div)){border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.highlight{box-sizing:border-box;max-width:var(--content-width-wide);margin:var(--space-md) auto;padding-block:0;padding-inline:var(--space-xs);overflow-wrap:break-word;font-family:var(--font-mono);font-size:var(--font-size-base);line-height:var(--line-height-normal);background:var(--color-bg-secondary);filter:grayscale(1)}.highlight :is(.c,.cm,.cp,.c1,.cs,.gp,.sd){color:var(--base03)}.highlight :is(.n,.p,.gh,.nb,.ni,.nl,.py,.w,.sc,.bp){color:var(--base07)}.highlight :is(.err,.gd,.no,.ne,.nv,.vc,.vg,.vi){color:var(--base08)}.highlight :is(.l,.m,.mf,.mh,.mi,.mo,.se,.si,.il){color:var(--base09)}.highlight :is(.kt,.nc,.nn){color:var(--base0A)}.highlight :is(.gi,.ld,.s,.sb,.s2,.sh,.sx,.sr,.s1,.ss){color:var(--base0B)}.highlight :is(.o,.gu,.kn,.nd,.nt,.ow){color:var(--base0C)}.highlight :is(.na,.nf,.nx){color:var(--base0D)}.highlight :is(.k,.kc,.kd,.kp,.kr){color:var(--base0E)}}@layer responsive{@media(max-width: 960px){body>header{display:block;padding-inline:var(--space-sm);text-align:center}main{display:block;padding:var(--space-sm)}}}@layer utilities{@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}}