/* Minimal element defaults so a bare HTML page picks up the brand. */
html{-webkit-text-size-adjust:100%}
body{margin:0;font:var(--font-body);color:var(--text-body);background:var(--surface-page)}
h1{font:var(--font-h1);margin:0 0 .5rem}
h2{font:var(--font-h2);margin:0 0 .5rem}
h3{font:var(--font-h3);margin:0 0 .5rem}
h4{font:var(--font-h4);margin:0 0 .5rem}
h5{font:var(--font-h5);margin:0 0 .5rem}
h6{font:var(--font-h6);margin:0 0 .5rem}
p{margin:0 0 1rem;text-wrap:pretty}
a{color:var(--text-link);text-decoration:underline}
a:hover{color:var(--text-link-hover)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid transparent;outline-offset:3px;box-shadow:var(--focus-ring)}
code,kbd,pre,samp{font-family:var(--font-mono)}
img{max-width:100%}