*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;color:var(--text-strong)}
h1{font:var(--type-h1);letter-spacing:var(--track-tight)}
h2{font:var(--type-h2);letter-spacing:var(--track-tight)}
h3{font:var(--type-h3)}
p{margin:0}
a{color:var(--text-link);text-decoration:none;border-bottom:1px solid rgba(23,169,196,.35);transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--text-link-hover);border-color:var(--navy-800)}
code,pre{font:var(--type-code)}
::selection{background:var(--aqua-200);color:var(--navy-900)}
:focus-visible{outline:none;box-shadow:var(--ring-focus)}