@font-face{font-family:'Google Sans Flex';src:url('assets/fonts/google-sans-flex/400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Google Sans Flex';src:url('assets/fonts/google-sans-flex/700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{font-family:'Google Sans Flex',sans-serif;color-scheme:light dark;--paper:light-dark(#f7f7f2,#181d19);--ink:light-dark(#252b23,#eff2e9);--soft:light-dark(#e8ecdf,#293229);--muted:light-dark(#69735f,#b3bdaa);--line:light-dark(#dce1d2,#3b4638);--link:light-dark(#315f59,#9ed9cf)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{display:grid;grid-template-rows:1fr auto;min-height:100vh;min-height:100dvh;margin:0;padding:0}main{width:min(760px,calc(100% - 48px));margin:clamp(24px,5vw,72px) auto}a{color:var(--link);text-underline-offset:.18em}.back{display:inline-block;margin-bottom:clamp(34px,7vw,72px)}h1{margin:0 0 36px;font-size:clamp(42px,9vw,84px);line-height:.92;letter-spacing:-.065em}h2{margin:34px 0 8px;font-size:18px}p,li{font-size:16px;line-height:1.65}code{padding:.12em .34em;background:var(--soft);border-radius:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;padding:10px;background:var(--paper)}


main{min-width:0;overflow-wrap:anywhere}main h1{hyphens:auto}main>section[hidden]{display:none}
body>.brand-footer{justify-self:center;margin-top:40px}
:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}