/* Harla — base.css, from src/base/base.css. Do not edit; run `npm run build`. Link after harla.css. */
/* Base — the page ground, a light reset, focus and motion. Opt-in: link after harla.css. */
*, *::before, *::after { box-sizing: border-box; }
/* Anchor links (a single-page site) scroll smoothly and stop clear of the sticky header. Reduced motion: instant (below).
   With SiteHeader (useAnchorScroll), a click scrolls more slowly, over duration-scroll. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: var(--header-height); scroll-behavior: smooth; }
body { margin: 0; background: var(--ground); color: var(--main-char); font: var(--text-body-lg);
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd { margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; }
img, video, canvas { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration-thickness: var(--stroke-hairline); text-underline-offset: 0.18em; }
button, input, select, textarea { font: inherit; color: inherit; letter-spacing: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }

/* Any theme root (the page, a dark or inverse section): the tokens flip, so set the ground and type here */
[data-theme] { background: var(--ground); color: var(--main-char); }

/* Keyboard focus: annotation blue, stamp-weight, offset from the element */
:focus-visible { outline: var(--stroke-stamp) solid var(--focus); outline-offset: 2px; }
:focus:not(:focus-visible) { outline: none; }

::selection { background: var(--highlighter-yellow); color: var(--on-highlighter); }

/* Visually hidden but read by screen readers */
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}