@font-face{font-family:NCM;src:local("NewComputerModern10-Book"),url(/f/ncm-book.woff2) format("woff2");font-display:swap}
@font-face{font-family:NCM;font-style:italic;src:local("NewComputerModern10-BookItalic"),url(/f/ncm-bookitalic.woff2) format("woff2");font-display:swap}
html{font:20px/1.45 NCM,"Latin Modern Roman","CMU Serif",Georgia,serif;color:#16181c;background:#f6f6f3;--g:url(/grain.png)}
body{mix-blend-mode:multiply}
/* grain only where one tile pixel lands on one device pixel; flat paper at fractional zoom */
@media(resolution:1dppx){html{background-image:var(--g);background-size:48px}}
@media(resolution:2dppx){html{background-image:var(--g);background-size:24px}}
@media(resolution:3dppx){html{background-image:var(--g);background-size:16px}}
@media(resolution:4dppx){html{background-image:var(--g);background-size:12px}}
body{max-width:30em;margin:3em auto 6em;padding:0 1em}
img{display:block;width:100%;height:auto;margin:0 0 2em}
.shot{max-width:none;width:min(760px,96vw);margin-left:50%;transform:translateX(-50%)}
pre,code{font:15px/1.5 ui-monospace,Menlo,monospace}
pre{overflow-x:auto}
td{padding:0 2em 0 0;vertical-align:top}
@media(max-width:600px){html{font-size:18px}body{margin-top:1em}}
a{color:#1f3a7a}a:visited{color:#4b3a7a}
@media(prefers-color-scheme:dark){html{color:#e6e7e9;background-color:#1a1c1f;--g:url(/grain-dark.png)}body{mix-blend-mode:screen}a{color:#9db4ff}a:visited{color:#c3b4ff}}