:root{color-scheme:light dark;scrollbar-gutter:stable both-edges;background:Canvas;--accent: light-dark(#508fff, #7aa7ff);--sans: ui-sans-serif, sans-serif;--mono: ui-monospace, monospace}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{display:block;max-width:100%;height:auto}body{max-width:42rem;margin:0 auto;padding:0 1rem;color:light-dark(#1f1f1c,#fff);font:18px/1.8 var(--sans)}nav{display:flex;justify-content:space-evenly;margin:1.53rem 0;a{opacity:.65;&.is-active{color:var(--accent);opacity:1}}}footer{padding:2rem 0;opacity:.65;font-size:.875rem;text-align:center}main{header{margin-bottom:1.6rem;>p{margin:0 0 .35rem;color:var(--accent);font-size:.76rem}>h1{margin:0 0 .85rem;font:600 clamp(1.7rem,4vw,2.1rem)/1.25 var(--sans)}>div{display:flex;gap:.8rem;opacity:.65;font-size:.88rem}}>ul{margin:0;padding:0;>li{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) 6.5rem;padding:.44rem 0}a{font-size:1.05rem;line-height:1.5}time{opacity:.65;font:.88rem var(--mono);text-align:end}}}.typo{font-family:Charter,Cambria,serif;line-height:1.6;overflow-wrap:break-word;h2,h3,h4,h5,h6{margin:1.4em 0 .45em;font:700 1em/1.3 var(--sans)}h2{font-size:1.375rem}h3{font-size:1.25rem}p,ul,ol{margin:0 0 .7em}ul,ol{padding-left:1.5em}li{margin:.5em 0;>:is(ul,ol){margin-bottom:0}&:has(>input){list-style:none}>input{margin-inline:-1.2rem .55rem;vertical-align:middle}}blockquote,pre,table,img,hr,.callout{margin:1.15rem auto}pre,th,code:not(pre *),.callout{background:#8882}blockquote{padding-left:1rem;border-left:3px solid}hr{width:50%;height:1px;border:0;background:#8885}.footnotes{margin-top:2rem;padding-top:.8rem;opacity:.65;font-size:.9em;border-top:1px solid #8885;hr{display:none}}a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}[class^=footnote-]{text-decoration:none}code:not(pre *){font:.88em var(--mono);padding:.1em .25em}pre{font:.88em/1.6 var(--mono);padding:.9rem 1rem;overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.94em}th,td{padding:.5rem .7rem;border:1px solid #8885}th{font-family:var(--sans);text-align:left}>:first-child{margin-top:0}>:last-child{margin-bottom:0}}.callout{padding:.8rem 1rem;>strong{display:block;margin-bottom:.35rem}>summary{cursor:pointer}&[open]>summary{margin-bottom:.35rem}>:is(strong,summary){font:700 .88rem/1.4 var(--sans)}}.comments{margin-top:3rem;>h2{margin:0 0 1rem;font-size:1.25rem}>article{padding:1.1rem 0;border-top:1px solid #8885}article article{padding:.8rem 0 0 1rem;border-left:1px solid #8885}.typo+article{margin-top:.5rem}header{margin-bottom:.3rem;opacity:.65;font-size:.83rem;time{float:right}}}