/* ════════ BASE / RESET ════════
 * Minimal reset + the document defaults every SNQ surface inherits.
 */
* { box-sizing: border-box; margin: 0; padding: 0; min-width: 0; }

html, body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 17px;
  line-height: var(--lh-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

img { max-width: 100%; display: block; }
button { font: inherit; cursor: pointer; }
input, textarea, select { font: inherit; color: inherit; }
a { color: inherit; }

::selection { background: var(--accent-tint); color: var(--accent-deep); }

/* Editorial section heading scale used across the platform */
.snq-eyebrow {
  font-family: var(--sans);
  font-size: var(--fs-eyebrow);
  font-weight: var(--w-medium);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--brand-deep);
  display: inline-flex; align-items: center; gap: .6rem;
}
.snq-eyebrow::before {
  content: ""; width: 22px; height: 2px; background: currentColor; border-radius: 1px;
}
.snq-title {
  font-family: var(--display);
  font-weight: var(--w-semibold);
  font-size: var(--fs-h1);
  line-height: 1.1;
  letter-spacing: var(--tracking-title);
  color: var(--ink);
  text-wrap: balance;
}
.snq-title em { font-style: normal; color: var(--brand); font-weight: var(--w-semibold); }