/* minimal atlas — element defaults. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-page);color:var(--text-primary);font:var(--type-body);text-wrap:pretty;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
strong,b{font-weight:var(--weight-medium)}
ul,ol{margin:0;padding:0;list-style:none}
img,svg,video{display:block;max-width:100%}
button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
a{color:var(--text-primary);text-decoration:none;transition:var(--transition-state)}
a:hover{color:var(--link-hover)}
/* Proto Red marks a hovered link INTO the site; a file or a page that leaves it is not that
   move, so outbound hovers Index Grey. The rule is about DIRECTION, not about which row or
   which page — a download in a colophon and a press page in a list are the same gesture.
   mailto: is outbound in meaning and carries no target, hence the second selector.
   Known and accepted: #8A8A8A on Paper White is ~3.1:1 — a hover, not resting ink. */
a[target="_blank"]:hover,a[href^="mailto"]:hover{color:var(--index-grey)}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}
::selection{background:var(--proto-red);color:var(--paper-white)}