/**
 * FOLD-4 AMENDMENT — LANDING-PARITY public.css (SUPERSEDES chunk-4's public.css).
 *
 * One file. Never two competing installs.
 *
 * Recovered from gradient-era login (f705f1b / 4d9c9d7 / 22da1b2) + finish
 * tokens from docs/brand/lemmatek_com_2026-07-25.html @ 4b043dc6.
 * Login carries its own inline finish for first paint; this sheet is the
 * shared public finish for proof.html and any other public page, and the
 * token bridge for login.
 *
 * GRAPH PRESERVATION: this file never touches chart/graph nodes.
 */
:root {
  --bg: var(--q-surface, #08090c);
  --card: var(--q-card, #10131a);
  --border: var(--q-line, #1c212b);
  --text: var(--q-text-primary, #eef1f6);
  --dim: var(--q-text-muted, #9aa4b4);
}

html,
body {
  font-family: var(--q-font, "Space Grotesk", system-ui, sans-serif);
  background: var(--bg);
  color: var(--text);
}
.mono {
  font-family: var(--q-mono, "JetBrains Mono", ui-monospace, monospace);
}

/* Grid backdrop + brand radial glow — the site's hero atmosphere */
.public-backdrop,
.backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(var(--q-grid-line, #1c212b) 1px, transparent 1px),
    linear-gradient(90deg, var(--q-grid-line, #1c212b) 1px, transparent 1px);
  background-size: var(--q-grid-size, 64px) var(--q-grid-size, 64px);
  -webkit-mask-image: var(--q-grid-mask);
  mask-image: var(--q-grid-mask);
  opacity: var(--q-grid-opacity, 0.5);
}
.public-glow,
.glow {
  position: fixed;
  z-index: 0;
  pointer-events: none;
  filter: blur(var(--q-glow-blur, 90px));
  opacity: var(--q-glow-opacity, 0.24);
  top: -140px;
  right: -60px;
  width: 420px;
  height: 420px;
  background: var(--q-glow-brand);
}

.logo,
[data-brand-wordmark] {
  font-family: var(--q-font);
  color: var(--q-text-primary);
}

/* Accent CTA with the site's glow discipline — primary actions ONLY */
button[type="submit"],
.btn-primary {
  font-family: var(--q-mono);
  background: var(--q-accent);
  color: #08090c;
  box-shadow: var(--q-glow-cta);
  transition:
    transform var(--q-dur) var(--q-ease),
    box-shadow var(--q-dur) var(--q-ease),
    filter var(--q-dur) var(--q-ease);
}
button[type="submit"]:hover:not(:disabled),
.btn-primary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: var(--q-glow-cta-hover);
  filter: brightness(1.05);
}
input:focus {
  border-color: var(--q-accent);
  box-shadow: 0 0 0 3px rgba(255, 122, 47, 0.22);
}
label,
.sub,
.eyebrow {
  color: var(--q-text-muted);
}
.err {
  color: var(--q-danger);
}

/* Track record chrome — finish without geometry rewrite */
.panel-h,
thead th {
  font-family: var(--q-font);
  color: var(--q-text-muted);
}
.band-pill {
  font-family: var(--q-mono);
}
/* BAND FLOOR: WATCHING treatment on the proof surface */
.band-pill:is([data-watching], .is-watching),
td .band-pill:empty {
  color: var(--q-text-faint);
}