@layer base,components;@layer base{:root{color-scheme:light dark;--bg:light-dark(oklch(100% 0 0), #18191B);--ink:light-dark(oklch(17% 0 0), #dedede);--muted:light-dark(oklch(48% 0 0), #999999);--line:light-dark(oklch(89% 0 0), oklch(30% 0 0));--accent:light-dark(oklch(46% 0.2 264), #9AC3FF);--accent-hover:color-mix(in oklch, var(--accent) 84%, var(--ink));--space-1:0.25rem;--space-2:0.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:3rem;--space-6:4.5rem;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-xs:0.8125rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.5rem;--text-xl:clamp(2rem, 1.5rem + 2.2vw, 3rem);--measure:75ch;--sidenote-width:28ch;--sidenote-gap:var(--space-4);--wide-measure:calc(var(--measure) + var(--sidenote-gap) + var(--sidenote-width));--layout-width:1400px;--layout-padding-min:16px;--layout-padding-max:175px;--layout-content-width:68rem;--fast:120ms}*,*::before,*::after{box-sizing:border-box}*{margin:0}body{min-height:100dvh;font:var(--text-md)/1.5 var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}:is(img,svg,video,canvas){display:block;max-width:100%;height:auto}:is(p,h1,h2,h3,h4){overflow-wrap:break-word}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body>main{--padding-start:clamp(
                var(--layout-padding-min),
                100vw - var(--layout-content-width) - var(--layout-padding-min),
                var(--layout-padding-max)
        );max-width:calc(var(--layout-width) + var(--layout-padding-max) + var(--layout-padding-min));margin-inline:auto;padding-inline:var(--padding-start)var(--layout-padding-min)}nav ul{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-3);padding-inline-start:0;list-style:none;font-size:var(--text-sm)}nav a{color:var(--muted);text-decoration:none;&:is(:hover, [aria-current]){color:var(--ink)}}main>section{margin-top:0;padding-block:var(--space-6);border-top:1px solid var(--line);&:first-child{border-top:0}&.home{padding-block-start:calc(var(--space-6) + 1.5em + var(--space-5))}}:is(h1,h2,h3,h4){font-weight:600;line-height:1.05}h1{font-size:var(--text-xl);letter-spacing:-.025em;&.title{margin-bottom:var(--space-4)}}h2,blockquote{font-size:var(--text-lg);line-height:1.3333;letter-spacing:-.02em}h3{font-size:var(--text-md);line-height:1.5}h4{font-size:var(--text-xs);line-height:1.5;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}:where(main,section,article,aside)>*+*,:where(h1,h2,h3,h4,p,ul,ol,blockquote,pre,table,figure)+*{margin-top:var(--space-3)}*+h2{margin-top:var(--space-5)}*+:is(h3,h4){margin-top:var(--space-4)}:is(h3,h4)+*{margin-top:var(--space-2)}:is(p,ul,ol,blockquote,figure){max-width:var(--measure)}p{text-wrap:pretty}:is(ul,ol){padding-inline-start:1.1em}li+li{margin-top:var(--space-1)}a{color:var(--accent);text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklch,currentColor 45%,transparent);text-underline-offset:.16em;transition:color var(--fast),text-decoration-color var(--fast);&:hover{color:var(--accent-hover);text-decoration-color:initial}&:where(:visited){color:color-mix(in oklch,var(--accent) 65%,var(--muted))}}strong{font-weight:600}small{font-size:var(--text-sm);color:var(--muted)}q{quotes:"«" "»" "„" "“"}hr{border:0;border-top:1px solid var(--line);margin-block:var(--space-5);max-width:var(--wide-measure);border-top-style:dashed}:is(code,kbd,samp){font-family:var(--font-mono);font-size:.88em}:not(pre)>code{color:var(--muted)}pre{clear:both;padding-inline-start:var(--space-3);overflow-x:auto;border-inline-start:1px solid var(--line);line-height:1.4285}table{display:block;max-width:var(--wide-measure);overflow-x:auto;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}:is(th,td){padding:var(--space-2)var(--space-3)var(--space-2)0;text-align:start;border-bottom:1px solid var(--line)}th{font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}::selection{background:color-mix(in oklch,var(--accent) 20%,transparent)}}@layer components{.row{--gap:var(--space-3);display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--gap);&.tight{--gap:var(--space-2)}&.between{justify-content:space-between}&.middle{align-items:center}}.list{padding-inline-start:0;list-style:none;& > *{padding-block:var(--space-3);border-top:1px solid var(--line)}& > :last-child{border-bottom:1px solid var(--line)}& a{display:block;color:inherit;text-decoration:none}& a:hover{color:var(--accent)}}}:where(nav ul,.row,.list,.posts)>*+*{margin-top:0}.meta,.date{color:var(--muted);font-size:var(--text-sm)}.posts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2)var(--space-3);max-width:var(--measure);padding-inline-start:0;list-style:none;& li{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:baseline}}.date{font-variant-numeric:tabular-nums}.back{margin-bottom:var(--space-5)}.about{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4);& > img{flex:0 0 15rem;width:15rem}}.about-copy{flex:1 1 24rem;min-width:0}article{container-type:inline-size;& figure{max-width:var(--wide-measure);margin-block:var(--space-4)}& figcaption{max-width:var(--measure);margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm);line-height:1.7143}& ul > li::marker{content:"— "}}.anchor{opacity:0;color:var(--muted)}:is(h1,h2,h3,h4,h5,h6):is(:hover,:focus-within)>.anchor{opacity:1}.toc{max-width:var(--measure);padding-inline-start:var(--space-4);& .toc-heading{margin-bottom:var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase}& ul{display:block;margin:0;padding-inline-start:0;list-style:none}& ul ul{margin-top:var(--space-1);padding-inline-start:var(--space-3)}& li + li{margin-top:var(--space-1)}& li > a{color:var(--ink)}& li li > a{color:var(--muted)}& ul > li::marker{content:normal}}.sidenote-row{display:grid;gap:var(--space-2);& > :not(.sidenote){grid-row:1;margin-top:0}& > .sidenote{grid-row:2;margin-top:0}@container(min-width:68rem){display: block;
        & > .sidenote {
            float: right;
            clear: right;
            width: var(--sidenote-width);
            margin-inline-end: max(
                    0px,
                    100% - var(--measure) - var(--sidenote-gap) - var(--sidenote-width)
            );
            margin-bottom: var(--space-3);
        }
    }}.sidenote{color:var(--muted);line-height:1.7143;min-width:0;overflow-wrap:anywhere;& > ol{font-size:var(--text-sm);margin-top:0;padding-inline-start:var(--space-4)}& .sidenote-unnumbered{margin-inline-start:calc(-1 * var(--space-4))}& li > :first-child{margin-top:0}}.sidenote-unnumbered{list-style:none}.post-meta{display:grid;max-width:var(--measure);gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--line);& > .read-next{margin-top:var(--space-4)}}.muted{color:var(--muted)}.post-meta-heading{& > .tags{flex:1 1 16rem;min-width:0;overflow-wrap:anywhere}& > time{white-space:nowrap}}.highlight{clear:both;& :is(.c, .cm, .c1, .cs){opacity:.6;font-style:italic}& :is(.k, .kd, .kn, .kp, .kr, .kt){font-weight:600}}