*{box-sizing:border-box;margin:0;overflow-wrap:break-word}:not(pre,code){font-family:inherit}:not(sub,sup){font-size:inherit;line-height:inherit}@font-face{font-family:Atkinson;src:url(/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Regular-102a.woff2) format("woff2")}@font-face{font-family:Atkinson;font-weight:700;src:url(/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Bold-102a.woff2) format("woff2")}@font-face{font-family:Atkinson;font-style:italic;src:url(/Atkinson-Hyperlegible/Atkinson-Hyperlegible-Italic-102a.woff2) format("woff2")}@font-face{font-family:Atkinson;font-weight:700;font-style:italic;src:url(/Atkinson-Hyperlegible/Atkinson-Hyperlegible-BoldItalic-102a.woff2) format("woff2")}:root{color-scheme:light dark;--emphasis: rgba(0,0,0, .944);--body: rgba(0,0,0, .854);--aside: rgba(0,0,0, .618);--background: white;--off-background: rgba(0,0,0, .09);--green: hsl(141.09, 76.4%, 61.8%);--transparent-green: hsl(141.09, 76.4%, 41.4%, .146);--base-side-padding: .75rem;--side-padding: var(--base-side-padding);--side-padding: max(var(--base-side-padding), env(safe-area-inset-left), env(safe-area-inset-right));--font-scale: 1.1;--line-height: 1.375}@media (prefers-color-scheme: dark){:root{--emphasis: rgba(255,255,255, .944);--body: rgba(255,255,255, .854);--aside: rgba(255,255,255, .618);--background: black;--off-background: rgba(255,255,255, .056);--green: hsl(141.09, 91%, 20%);--transparent-green: hsl(141.09, 76.4%, 50%, .09)}}@media (min-width: 40em){:root{--base-side-padding: 2rem;--font-scale: 1.18}}html{font-family:Atkinson;background-color:var(--background);color:var(--body);line-height:var(--line-height)}body{display:grid;min-height:100vh;min-height:100svh;grid-template-rows:auto 1fr auto;align-items:start}body>*{min-width:0}nav ul,nav ol{list-style:none;padding:0}a{color:var(--emphasis)}a:hover:not(.button),a:focus:not(.button){color:var(--green)}a:active:not(.button){color:var(--aside)}.button,button{background-color:var(--green);color:var(--emphasis);text-decoration:none;padding:calc(.5rem - 1px) calc(1rem - 1px) calc(.5rem - 3px);border:2px solid transparent;border-radius:1em;display:inline-block;appearance:none}.button:hover,.button:focus,button:hover,button:focus{border-color:var(--emphasis)}.button:active,button:active{border-color:currentColor}.h1,h1{color:var(--emphasis);font-size:calc(1rem * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale));letter-spacing:-.005em;line-height:calc(var(--line-height) / var(--font-scale) / var(--font-scale))}.h2,h2{color:var(--emphasis);font-size:calc(1rem * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale));line-height:calc(var(--line-height) / var(--font-scale))}.h3,h3{color:var(--emphasis);font-size:calc(1rem * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale));line-height:calc(var(--line-height) / var(--font-scale));font-weight:400}.h4,h4{color:var(--emphasis);font-size:calc(1rem * var(--font-scale) * var(--font-scale) * var(--font-scale));font-weight:400}.h5,h5{color:var(--emphasis);font-size:calc(1rem * var(--font-scale) * var(--font-scale));font-weight:400}.h6,h6{color:var(--emphasis);font-size:calc(1rem * var(--font-scale));font-weight:400}.h2,h2:not([class]){margin-top:1.5rem}.grid{display:grid;gap:1.5rem}.grid>*{min-width:0}.full-width{grid-column:1/4;max-width:100%}.full-width.padded{padding:var(--side-padding)}.aligned-inside-full-width{max-width:var(--max-width);width:100%;margin-left:auto;margin-right:auto}.box{padding:var(--side-padding);background-color:var(--transparent-green);border-radius:1.5rem}.box.full-width{border-radius:0;padding:2rem var(--side-padding)}.centered{justify-items:center;text-align:center}.columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem;min-width:0}.columns>*{display:grid;align-content:start;gap:1.5rem}.flex-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.25rem 1rem}main{display:grid;gap:1.5rem 0;grid-template-columns:minmax(var(--side-padding),1fr) auto minmax(var(--side-padding),1fr);justify-items:stretch}main>*{--max-width: 48rem;grid-column:2/3;max-width:var(--max-width);min-width:0}