@font-face{font-family:Newsreader;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/newsreader/newsreader-italic-400-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/newsreader/newsreader-normal-400-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}img{max-width:100%;height:auto}article{font-family:var(--font-content);font-size:clamp(1rem,1rem + 1vw,1.375rem);line-height:calc(32em / 22);font-variant-numeric:oldstyle-nums;hyphens:auto;word-wrap:break-word;word-break:auto-phrase;margin-trim:block;>*{width:min(calc(100% - 2rem),44rem);margin-inline:auto}a{text-decoration:underline;color:var(--fg-link);&:focus-visible,&:hover{outline:2px solid var(--fg)}}li{list-style:disc;padding-inline-start:.5em;margin-inline-start:1.5em}code{font-size:16px}figure{margin-block:1rem;img,a{display:block}}& img{max-height:max(60vh,500px);object-fit:contain;display:block;margin-inline:auto}ol li{list-style-type:decimal}p{margin-block:1em}}header{& p{font-size:.875em;color:var(--fg-muted);margin-bottom:.875em;text-indent:0}@media(width>=600px){margin-bottom:2em}}h1{font-size:clamp(2em,5vw + 1em,3em);font-weight:600;line-height:1.05;letter-spacing:-.01em}header p,article>p:first-of-type{text-indent:0}article>p:first-of-type:first-line{font-variant-caps:all-small-caps;letter-spacing:.05em;font-size:1.15em}li code,p code{background:light-dark(#d2d2d2,#333);border-radius:.25em;padding:.125em .25em}blockquote{border-left:2px solid var(--fg)}blockquote,pre{margin-block:1em;&:first-child{margin-block-start:0}&:last-child{margin-block-end:0}}h2,h3,h4,h5,h6{margin-block:1em .5em;font-weight:600;line-height:1.1}h2{font-size:clamp(1.4em,2vw + 1em,1.75em)}h3{font-size:clamp(1.25em,1.5vw + 1em,1.5em)}figcaption{display:block;font-family:var(--font-ui);font-size:12px;color:var(--fg-muted);margin-bottom:.5rem;line-height:1.4}hr{margin-block:1em;border:none;border-bottom:var(--border);height:1px}blockquote{padding:.25em 2em;& p{text-indent:0}& p:last-child:not(:only-child){font-size:.8em}}.astro-code{width:100%;padding:1em;overflow-x:auto;background:light-dark(rgba(255 255 255 / .4),rgba(255 255 255 / .1));color:var(--fg);counter-reset:line;border:var(--border);border-radius:.5em;.line:before{counter-increment:line;content:counter(line);display:inline-block;width:2ch;margin-right:1.5ch;text-align:right;color:color-mix(in srgb,currentColor 35%,transparent);user-select:none}}.c{color:light-dark(#586a7f,#8395a9)}.k{color:light-dark(#b82a38,#f97583)}.s{color:light-dark(#032f62,#9ecbff)}.f{color:light-dark(#6f42c1,#b392f0)}.n{color:light-dark(#005cc5,#79b8ff)}.p{color:light-dark(#24292e,#e1e4e8)}.callout{background:light-dark(rgba(0 0 0 / .05),rgba(255 255 255 / .06));border-left:3px solid var(--fg);padding:.75em 1.25em;margin-block:1em;font-style:italic;& p{text-indent:0;margin:.5em 0}}.highlight{background:var(--fg);color:var(--bg);margin-block:.5rem;padding:.5em 1em;text-indent:0;& a{color:var(--bg);text-decoration-thickness:2px;&:focus-visible,&:hover{background-color:var(--bg);outline:2px solid var(--bg);color:var(--fg)}}}.invert-dark{@media(prefers-color-scheme:dark){filter:invert(1)}}.button{background:var(--fg-link);color:var(--fg-link-inverted);padding:.5em .75em;display:inline-flex;text-decoration:none;font-family:var(--font-ui);font-weight:600;outline-offset:4px;border:none;cursor:pointer;font-size:inherit;line-height:inherit;&:focus-visible,&:hover{outline-color:var(--fg-link);text-decoration:underline}}blockquote.prompt{border-left:3px solid var(--fg-link);background:light-dark(rgba(0 0 0 / .04),rgba(255 255 255 / .05));padding:.875em 1.25em;font-family:var(--font-ui);font-size:.9375rem;line-height:1.5;font-variant-numeric:normal;hyphens:none;word-break:normal;& p{margin-block:.5em;text-indent:0}& p:first-child{margin-block-start:0}& p:last-child{margin-block-end:0}& p:last-child:not(:only-child){font-size:inherit}}
