*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark light}input,textarea,button{font:inherit}img,picture,svg,video{max-width:100%;font-style:italic;height:auto;vertical-align:middle}h1,h2,h3,h4,h5,h6,p,dl,figure{margin:0}:root{--font-face-sans-serif: system-ui, sans-serif;--font-face-serif: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--font-face-code: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace}body{font-family:var(--font-face-sans-serif);line-height:1.5}h1{font-size:1.5rem}h2{font-size:1.2rem}code{font-family:var(--font-face-code)}:focus-visible{outline:none;box-shadow:0 0 0 .25rem #fff,0 0 0 .5rem hsl(var(--accent-hue, 262) 80% 60%),0 0 .25rem .75rem #fff;@media (prefers-color-scheme: dark){box-shadow:0 0 0 .25rem #000,0 0 0 .5rem hsl(var(--accent-hue, 262) 100% 85%),0 0 .25rem .75rem #000}}.visually-hidden{clip-path:inset(50%);clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.content-grid{display:grid;grid-template-columns:[page-start] minmax(var(--content-padding, 1rem),1fr) [main-start] min(var(--content-max-width, 80ch),100% - (2 * var(--content-padding, 1rem))) [main-end] minmax(var(--content-padding, 1rem),1fr) [page-end];>:where(form,form>fieldset){display:grid;grid-template-columns:subgrid}}.content-grid>*{grid-column:main}.content-grid,.content-grid>form,.content-grid>form>fieldset{>:where(input,progress,button){justify-self:start}}.flow>:not(label)+*{margin-top:var(--flow-spacing, 1em)}.flow>label+*{margin-top:var(--flow-spacing, .25em)}.content-padding{padding-block:var(--content-padding, 1rem)}.container-inline{container-type:inline-size}.flex-row{display:flex;gap:1rem}