/* Page defaults. Nothing here is a component — components live in the bundle. */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-page);color:var(--text-body);font:var(--type-list-body);letter-spacing:var(--type-list-body-tracking);-webkit-font-smoothing:antialiased;text-wrap:pretty}
*,*::before,*::after{box-sizing:border-box}
/* The system has no accent, so a link is said with weight and a rule — never a colour. */
a{color:var(--text-body);text-decoration:none;border-bottom:var(--stroke-thin) solid var(--text-body);padding-bottom:1px}
a:hover{color:var(--ink-pressed);border-bottom-color:var(--ink-pressed)}
::selection{background:var(--fill-disabled)}
h1,h2,h3,h4,p{margin:0}
/* The hachura a placeholder engraving is built from: 1.5 lines at 45deg, period 10. */
.fh-hatch{background-image:repeating-linear-gradient(45deg,var(--fill-hatch) 0 1.5px,transparent 1.5px 10px)}
.fh-paper-texture{background-image:repeating-linear-gradient(to right,color-mix(in srgb,var(--ink) 8%,transparent) 0 1px,transparent 1px 7px)}
.fh-tabular{font-feature-settings:var(--figures-tabular)}
@media (prefers-reduced-motion:reduce){:root{--motion-xs:var(--motion-xs-reduced);--motion-sm:var(--motion-sm-reduced);--motion-md:var(--motion-md-reduced);--motion-lg:var(--motion-lg-reduced);--motion-xl:var(--motion-xl-reduced);--motion-xxl:var(--motion-xxl-reduced)}}