@font-face{font-family:Switzer;src:url(https://cdn.fontshare.com/wf/HJHZ26OECMTXRH7JXPFC7EVIHDSLT2RA/LJRNLR7WCPF3PY3SZ7B2LHNUTQMFNCHL/4MCJYGQDIOOXHWSIIB2OYNDBEALJSOGN.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Paper Mono;src:url(/assets/fonts/paper-mono/PaperMono-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}*,:before,:after{box-sizing:border-box}img{-webkit-user-select:none;user-select:none}html{--foreground:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-color:var(--background);color:var(--foreground);scrollbar-gutter:stable;container-type:inline-size}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html:has(dialog[open]){overflow:hidden}body{--line:21px;--columns:12;--page-max-width:1480px;--page-padding:clamp(20px, 2.5vw, 40px);--gutter:clamp(16px, 1.875vw, 28px);--details:1 / span 2;--content:3 / -1;--reading:3 / span 4;--column-width:calc((min(100cqw, var(--page-max-width)) - 2 * var(--page-padding) - (var(--columns) - 1) * var(--gutter)) / var(--columns));--group-gap:calc(2 * var(--line));--section-gap:calc(3 * var(--line));grid-template-columns:repeat(var(--columns), minmax(0, 1fr));column-gap:var(--gutter);max-width:var(--page-max-width);padding:var(--page-padding);font-family:Switzer,Arial,Helvetica,sans-serif;font-size:15px;line-height:var(--line);text-wrap:pretty;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:start;margin:0 auto;display:grid}body>header{top:var(--page-padding);row-gap:var(--group-gap);grid-column:1/span 2;display:grid;position:sticky}body>header>a{place-self:start}body>header ul{margin:0;padding:0;list-style:none}h1,h2,h3,p{font:inherit;margin:0}p+p{margin-block-start:var(--line)}main{grid-column:3/-1;grid-template-columns:subgrid;align-items:start;row-gap:var(--section-gap);min-width:0;margin-block-start:calc(var(--line) + var(--group-gap));padding-block-end:var(--group-gap);display:grid}main>p{grid-column:var(--reading)}main>h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main>section,.entries,.entries>li,article,article>header{grid-column:1/-1;grid-template-columns:subgrid;align-items:start;display:grid}.entries{row-gap:var(--group-gap);margin:0;padding:0;list-style:none}.entries>li{row-gap:calc(var(--line) / 2)}.entries>li>:first-child{grid-column:var(--details)}.entries>li>:last-child{grid-column:var(--reading)}.entries>li>div:first-child time{white-space:nowrap}main>.entries>li{align-items:baseline}main>section{row-gap:var(--group-gap)}main>section>h2{grid-column:var(--reading)}article{--media-width:calc(min(6, var(--columns)) * (var(--column-width) + var(--gutter)) - var(--gutter));row-gap:var(--section-gap);align-items:baseline;min-width:0}article>header{align-items:baseline;row-gap:calc(var(--line) / 2)}article>header time{grid-column:var(--details)}article>header h1{grid-column:var(--reading)}article>div{grid-column:var(--reading);min-width:0}article>div>figure,article>div>pre{width:var(--media-width)}article>div>*+*{margin-block-start:var(--line)}article h2,article h3{margin-block-start:var(--section-gap)}article :is(h2,h3)+:not(h2,h3){margin-block-start:var(--group-gap)}article pre{margin-block-end:0;overflow-x:auto}article pre,article code{font-family:Paper Mono,ui-monospace,monospace;font-size:.875rem}article hr{margin:var(--line) 0;color:inherit;text-align:center;border:0}article hr:before{content:"~"}article img{width:100%;height:auto;display:block}article figure{margin-inline:calc((100% - var(--media-width)) / 2);margin-block-end:0}article figcaption{margin-block-start:calc(var(--line) / 2)}article ul{margin-block:calc(var(--line) / 2) 0;padding-inline-start:var(--line)}article li+li{margin-block-start:calc(var(--line) / 2)}.roll>h2{grid-column:var(--details);font-variant-numeric:tabular-nums;scroll-margin-block-start:var(--page-padding)}.roll>h2 small{font:inherit;display:block}a{color:inherit;text-underline-offset:2px;text-decoration:none;text-decoration-thickness:1px}a:hover{color:var(--background);background-color:var(--foreground)}p a,nav a[aria-current]{text-decoration-line:underline}.roll img,dialog img{object-fit:cover;width:100%;height:100%;display:block}.zoom{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.zoom[data-selected] img{visibility:hidden}.roll{--column-1:1;--column-2:5;--column-3:2;--column-4:5;--column-6:4;row-gap:var(--line)}.roll+.roll{margin-block-start:calc(8 * var(--line) - var(--section-gap))}.roll:nth-child(3n+2 of .roll){--column-1:2;--column-3:1;--column-4:4;--column-6:5}.roll:nth-child(3n of .roll){--column-2:4;--column-6:5}.roll>div{grid-column:var(--content);grid-template-columns:subgrid;grid-auto-rows:calc(5 * var(--column-width) / 6 + var(--gutter));gap:var(--column-width) var(--gutter);display:grid}.roll>div button{grid-row-end:span 2;grid-column-end:span 4}.roll>div button[data-orientation=portrait]{grid-row-end:span 3;grid-column-end:span 3}.roll>div button:nth-child(6n+1),.roll>div button:nth-child(6n+5){grid-column-start:var(--column-1)}.roll>div button:nth-child(6n+2){grid-column-start:var(--column-2)}.roll>div button:nth-child(6n+3){grid-column-start:var(--column-3)}.roll>div button:nth-child(6n+4){grid-column-start:var(--column-4)}.roll>div button:nth-child(6n+6){grid-column-start:var(--column-6)}a:focus-visible,button:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}dialog{--lightbox-padding:clamp(8px, 1vw, 16px);width:100%;max-width:none;height:100dvh;max-height:none;padding:var(--lightbox-padding);color:inherit;pointer-events:none;transition:display .24s allow-discrete, overlay .24s allow-discrete;background:0 0;border:0;outline:none;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;margin:0;position:fixed;inset:0}dialog[open]{cursor:zoom-out;pointer-events:auto;display:grid}dialog::backdrop{background:var(--background);opacity:0;pointer-events:none;transition:opacity .24s ease, display .24s allow-discrete, overlay .24s allow-discrete}dialog[open]::backdrop{opacity:1}dialog>div{width:min(100%, calc((100dvh - 2 * var(--lightbox-padding)) * var(--image-ratio)));aspect-ratio:var(--image-ratio);transform:translate(var(--image-offset,0px, 0px)) scale(var(--image-scale,1, 1));pointer-events:auto;transition:transform .24s cubic-bezier(.22,1,.36,1);display:grid}dialog[open]:not([data-starting])>div{transform:none}dialog[data-starting]>div{transition:none}dialog:not([open])>div{cursor:zoom-in}dialog img{grid-area:1/1;min-width:0;min-height:0;transition:opacity .16s}dialog img[data-loaded=false]{opacity:0}@starting-style{dialog[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){dialog,dialog::backdrop,dialog>div,dialog img{transition:none}}@media (max-width:1000px){body{--line:22px;--columns:8;font-size:16px}body>header{grid-column:1/-1;grid-template-columns:subgrid;position:static}body>header>a{grid-column:1 / span calc(var(--columns) / 2)}body>header nav{grid-column:span calc(var(--columns) / 4)}main{grid-column:1/-1;margin-block-start:var(--group-gap)}.roll>div button:nth-child(n){grid-column-start:1}.roll>div button:nth-child(2n){grid-column-start:3}.roll>div button[data-orientation=portrait]:nth-child(2n){grid-column-start:4}}@media (max-width:600px){body{--columns:4;--details:1 / -1;--content:1 / -1;--reading:var(--content)}.roll>div button:nth-child(n){grid-column-start:1}.roll>div button[data-orientation=portrait]:nth-child(2n){grid-column-start:2}}
