:root{--charcoal-900: hsl(0, 0%, 10%);--charcoal-800: hsl(0, 0%, 18%);--charcoal-700: hsl(0, 0%, 25%);--charcoal-600: hsl(0, 0%, 32%);--charcoal-500: hsl(0, 0%, 40%);--charcoal-400: hsl(0, 0%, 48%);--charcoal-300: hsl(0, 0%, 55%);--charcoal-200: hsl(0, 0%, 63%);--charcoal-100: hsl(0, 0%, 71%);--charcoal-50: hsl(0, 0%, 96%);--primary: var(--charcoal-700);--secondary: var(--charcoal-500);--background: var(--charcoal-50);--background-dark: var(--charcoal-900);--surface: hsl(0, 0%, 100%);--surface-dark: var(--charcoal-800);--text-primary: var(--charcoal-900);--text-secondary: var(--charcoal-600);--text-muted: var(--charcoal-400);--text-inverse: var(--charcoal-50);--accent-blue: hsl(217, 91%, 60%);--accent-green: hsl(158, 64%, 52%);--accent-orange: hsl(43, 96%, 56%);--accent-red: hsl(0, 84%, 60%);--accent-purple: hsl(258, 90%, 66%);--border: var(--charcoal-200);--border-dark: var(--charcoal-600);--divider: var(--charcoal-100);--shadow-light: hsla(0, 0%, 10%, .1);--shadow-medium: hsla(0, 0%, 10%, .15);--shadow-dark: hsla(0, 0%, 10%, .25)}body{background-color:var(--background);color:var(--text-primary)}*{box-sizing:inherit;margin:0;padding:0;font:inherit;&:before,&:after{box-sizing:inherit}}@view-transition{navigation:auto}:root{interpolate-size:allow-keywords}@supports (view-transitions: 1){@view-transition{navigation:auto}}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{min-height:100vh}img,picture,svg,video{display:block;max-width:100%}:where(dialog:modal){all:revert}button{border:none;background-color:transparent;cursor:pointer;outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none}header,main,footer{max-width:100ch;margin-inline:auto}