/* ==========================================================================
   base.css — Element defaults, minimal base styles
   (Tokens and reset live in themes.css; this handles element-level defaults)
   ========================================================================== */

/* ── Block elements ──────────────────────────────────────────────────────── */
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  max-width: 100%;
}

svg { overflow: visible; }

/* ── Lists ───────────────────────────────────────────────────────────────── */
ul, ol { list-style: none; }

/* ── Forms ───────────────────────────────────────────────────────────────── */
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button { cursor: pointer; background: none; border: none; }

fieldset { border: none; padding: 0; margin: 0; }

/* ── Table ───────────────────────────────────────────────────────────────── */
table { border-collapse: collapse; }

/* ── Anchor base ─────────────────────────────────────────────────────────── */
a { color: inherit; }

/* ── HR ──────────────────────────────────────────────────────────────────── */
hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: 20px 0;
}

/* ── Strong / em ─────────────────────────────────────────────────────────── */
strong, b { font-weight: 700; }
em, i     { font-style: italic; }

/* ── Code ────────────────────────────────────────────────────────────────── */
code, kbd, samp, pre {
  font-family: var(--font-mono);
  font-size: 0.88em;
}

/* ── Body padding safety ─────────────────────────────────────────────────── */
body { overflow-x: hidden; }