@layer base,components;@layer base{:root{color-scheme:light dark;--bg:light-dark(oklch(100% 0 0), oklch(15% 0 0));--ink:light-dark(oklch(17% 0 0), oklch(95% 0 0));--muted:light-dark(oklch(48% 0 0), oklch(62% 0 0));--line:light-dark(oklch(89% 0 0), oklch(30% 0 0));--accent:light-dark(oklch(46% 0.2 264), oklch(76% 0.108 264));--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:62ch;--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;hyphens:manual}img,svg,video,canvas{display:block;max-width:100%;height:auto}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{--mobile-padding:clamp(16px, calc(12.7vw - 35.72px), 60.8px);--padding-start:max(
            var(--mobile-padding),
            min(12.5vw, calc(26.75vw - 142.5px))
        );--padding-end:min(
            var(--mobile-padding),
            max(0px, calc((1000px - 100vw) * 0.2533333333))
        );width:100%;max-width:calc(1400px + var(--padding-start) + var(--padding-end));margin-inline:auto;padding-inline:var(--padding-start)var(--padding-end)}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 li+li{margin-top:0}nav a{color:var(--muted);text-decoration:none;&: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))}}h1,h2,h3,h4{font-weight:600;line-height:1.05;text-wrap:balance}h1{font-size:var(--text-xl);letter-spacing:-.025em;&.title{margin-bottom:var(--space-4)}}h2{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)>*+*{margin-top:var(--space-3)}: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)}p,ul,ol,blockquote,figure{max-width:var(--measure)}p{text-wrap:pretty}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)}blockquote{font-size:var(--text-lg);line-height:1.3333;letter-spacing:-.02em}code,kbd,samp{font-family:var(--font-mono);font-size:.88em}:not(pre)>code{color:var(--muted)}pre{padding-inline-start:var(--space-3);overflow-x:auto;border-inline-start:1px solid var(--line);line-height:1.4285}table{display:block;width:max-content;min-width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--text-sm);font-variant-numeric:tabular-nums}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}}:is(.row,.list)>*+*{margin-top:0}.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)}}}.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}& li + li{margin-top:0}}.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:min(100%,72ch);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);border-inline-start:1px solid var(--line);& ul{margin:0}}.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:56rem){float: right;
            clear: right;
            width: calc(100% - var(--measure) - var(--space-4));
            max-width: calc(var(--measure) * 2 / 3);
            
            margin-inline-end: max(
                    0px,
                    calc(100% - var(--measure) - var(--space-4) - var(--measure) * 2 / 3)
            );
            margin-bottom: var(--space-3);
        }}@container(min-width:56rem){display: block;
    }}.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}.footnotes>hr{max-width:var(--measure);border-top-style:dashed}.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)}}.post-meta-heading{& > .tags{flex:1 1 16rem;min-width:0;overflow-wrap:anywhere}& > time{white-space:nowrap}}.highlight{& .c, & .cm, & .c1, & .cs{opacity:.6;font-style:italic}& .k, & .kd, & .kn, & .kp, & .kr, & .kt{font-weight:600}}