:root{--unit: 4px;--hue-paper: 42;--sat-paper: 30%;--lum-paper: 97%;--hue-ink: 30;--sat-ink: 10%;--lum-ink: 18%;--c-bg: hsl(var(--hue-paper), var(--sat-paper), var(--lum-paper));--c-fg: hsl(var(--hue-ink), var(--sat-ink), var(--lum-ink));--c-acc-1: hsl(5, 45%, 35%);--c-acc-subtle: hsl(30, 8%, 50%);--c-border: hsl(30, 15%, 88%);--font-body: var(--f-sans), "Inter", -apple-system, sans-serif;--font-display: var(--f-serif-display), "Charter", Georgia, serif;--s-xs: .75rem;--s-sm: 1rem;--s-md: 1.333rem;--s-lg: 1.778rem;--s-xl: 2.369rem;--s-xxl: 3.157rem;--s-huge: 4.209rem;--lh-tight: 1.15;--lh-base: 1.6;--lh-loose: 1.8;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur-med: .3s;--measure: 65ch;--margin-col: 16rem}[data-theme=dark]{--hue-paper: 30;--sat-paper: 10%;--lum-paper: 8%;--hue-ink: 40;--sat-ink: 15%;--lum-ink: 85%;--c-acc-1: hsl(5, 45%, 50%);--c-acc-subtle: hsl(40, 10%, 45%);--c-border: hsl(30, 8%, 18%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{min-height:100%;font-family:var(--font-body);font-size:16px;line-height:var(--lh-base);background-color:var(--c-bg);color:var(--c-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:300;line-height:var(--lh-tight);text-wrap:balance;letter-spacing:-.01em}p{text-wrap:pretty}a{color:inherit;text-decoration-line:underline;text-decoration-color:var(--c-acc-subtle);text-decoration-thickness:1px;text-underline-offset:.15em;transition:text-decoration-color var(--dur-fast) var(--ease-out-expo),color var(--dur-fast) var(--ease-out-expo),opacity var(--dur-fast) var(--ease-out-expo)}a:hover{text-decoration-color:var(--c-acc-1);color:var(--c-acc-1)}a:active{opacity:.7}button{font:inherit;background:none;border:none;cursor:pointer;color:inherit;transition:transform var(--dur-fast) var(--ease-out-expo),opacity var(--dur-fast) var(--ease-out-expo),background var(--dur-fast) var(--ease-out-expo),border-color var(--dur-fast) var(--ease-out-expo)}button:active{transform:scale(.97)}img{max-width:100%;height:auto;display:block}::selection{background:var(--c-acc-1);color:var(--c-bg)}.container{max-width:var(--measure);margin-inline:auto;padding-inline:var(--s-md)}.container-wide{max-width:calc(var(--measure) + var(--margin-col) + var(--s-xl));margin-inline:auto;padding-inline:var(--s-md)}.flow>*+*{margin-top:var(--flow-space, 1.5em)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:hover h2{color:var(--c-acc-1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.nav-btn{display:inline-block;padding:.5rem .875rem;border:1px solid var(--c-border);border-radius:6px;font-size:var(--s-xs);color:var(--c-acc-subtle);text-decoration:none;transition:border-color .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1),background .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.nav-btn:hover{border-color:var(--c-acc-subtle);color:var(--c-fg);background:hsla(var(--hue-ink),var(--sat-ink),var(--lum-ink),.03)}.nav-btn:active{transform:scale(.96)}