/* Ask Avi — base.css
   Minimal document resets that every page shares. Replaces the old
   pico-style classless library: pages own all of their component styles, so
   this file deliberately stays tiny and never styles bare elements in a way
   that could fight a page's classed design. */

/* ── Reset ── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
}

/* The hidden attribute must always win — several components set
   display:flex/grid explicitly, which would otherwise override `hidden`
   and leave content visible after it should be hidden. */
[hidden] {
  display: none !important;
}

/* ── Form controls ──
   Inherit the page font unless a page styles them explicitly. The old
   classless library forced its own font/size/padding on every button and
   input, which pages then had to override; inheriting avoids that fight. */
button,
input,
select,
textarea {
  font-family: inherit;
}

/* ── Media ── */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ── Inline text ── */
strong { font-weight: 600; }
em { font-style: italic; }
small { font-size: 0.85em; }