@font-face{font-family:"Hub Display";src:url("/assets/hub-display.woff2") format("woff2");font-display:swap}
:root{color-scheme:light;--paper:#f6f2ea;--ink:#171019}
*{box-sizing:border-box}
body{margin:0 auto;padding:2rem 1.25rem 4rem;max-width:62rem;background:var(--paper);color:var(--ink);font:1.125rem/1.65 Helvetica,Arial,sans-serif;overflow-wrap:anywhere}
h1,h2,h3{line-height:1.12;text-wrap:balance}
h1{font-family:"Hub Display",Helvetica,Arial,sans-serif;font-size:clamp(3rem,9vw,6.5rem);letter-spacing:-.045em;margin:3rem 0 2rem}
h2{font-size:1.75rem;margin:3rem 0 1rem}h3{font-size:1.2rem;margin:1.5rem 0 .5rem}
p{max-width:70ch}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.16em}
a:focus-visible{outline:3px solid #6d2bd9;outline-offset:5px}
nav,footer,.label{font: .875rem/1.65 ui-monospace,"SFMono-Regular",Consolas,monospace}
nav li{margin:.6rem 0}nav ul{padding-left:1.25rem}nav ul ul{margin-top:.4rem}
figure{margin:2rem 0}img{display:block;max-width:100%;height:auto;background:#fff}figcaption{font: .875rem/1.5 ui-monospace,monospace;margin:.75rem 0}
.entry{margin:1.5rem 0 2rem}.entry .label{margin:.5rem 0}.back{margin-top:3rem}footer{border-top:1px solid #17101955;margin-top:4rem;padding-top:1.5rem}
.skip{position:absolute;top:0;left:0;padding:.75rem 1rem;background:var(--ink);color:var(--paper);transform:translateY(-150%)}.skip:focus{transform:none}
@media(max-width:480px){body{padding:1.25rem 1rem 3rem}h1{margin-top:2rem}}