*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg-base);color:var(--text-primary);font:var(--type-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,p{margin:0;text-wrap:pretty}
h1{font:var(--type-display-2);letter-spacing:var(--tracking-display)}
h2{font:var(--type-display-3);letter-spacing:var(--tracking-display)}
h3{font:var(--type-title-2);letter-spacing:var(--tracking-title)}
a{color:var(--link);text-decoration:none;border-bottom:1px solid var(--border-hairline);transition:var(--transition-control)}
a:hover{color:var(--link-hover);border-bottom-color:currentColor}
:focus-visible{outline:none;box-shadow:var(--ring-focus);border-radius:1px}
.bg-inverse :focus-visible,[data-surface="ink"] :focus-visible{box-shadow:var(--ring-focus)}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100}
.skip-link:focus{left:var(--gutter);top:8px;padding:12px 16px;background:var(--ink-900);color:var(--silica-050);font:var(--type-tech);letter-spacing:var(--tracking-tech);text-transform:uppercase;box-shadow:var(--ring-focus)}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
::selection{background:var(--furnace-300);color:var(--ink-1000)}
.bg-inverse a{color:var(--link-inverse)}
.bg-inverse a:hover{color:var(--link-inverse-hover)}
.tech{font:var(--type-tech);letter-spacing:var(--tracking-tech);text-transform:uppercase}
.container{max-width:var(--max-width);margin:0 auto;padding-inline:var(--gutter)}