/**
 * 00-reset.css
 * CSS reset and normalization
 * Ported from: Pico CSS v2.1.1
 */

/* Box-sizing reset */
*,
*::before,
*::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

/* Document */
:where(:root) {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
  tab-size: 4;
}

/* Root font-size — 100% default, responsive scaling in 01-tokens.css */
html {
  font-size: 100%;
}

/* Body */
body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: var(--text-base);   /* 1rem — inherits html responsive scaling */
  font-family: var(--font-ui);
  background-color: var(--surface);
  color: var(--text);
}

/* Prose font — same neo-grotesque stack, consistent across all contexts */
/* article and [data-layout="prose"] inherit body font — no override needed */

/* Article as main content landmark */
article[role="main"] {
  display: block;
}

/* Nested lists */
:where(dl, ol, ul) :where(dl, ol, ul) {
  margin: 0;
}