/* AGIS theme for the Conscience Kit at a9is.com/kit (Nathan, 2026-10-27, David: "make the conscience kit look like
   the rest of the site"). Layered on top of the kit's own styles.css by build.py, so the kit's code is untouched.
   Keeps the kit's big, easy layout; changes only the look: black + spotlight, the site's blue, Michroma headings. */
@font-face { font-family: "Michroma"; src: url("/fonts/Michroma-Regular.ttf") format("truetype"); font-display: swap; }

:root {
  --bg: #000;
  --panel: #0b0f18;
  --ink: #eceef2;
  --soft: #9aa3b5;
  --line: rgba(120, 160, 255, 0.22);
  --accent: #2f8bff;
  --accent2: #2f8bff;
  --good: #3ddc97;
  --focus: #7fb6ff;
}
body {
  background: #000 radial-gradient(ellipse 70% 38% at 50% -6%, rgba(160, 170, 190, 0.16), transparent 70%) no-repeat;
}
h1, h2, .steps-title, .tbar h2 {
  font-family: "Michroma", "Arial Black", system-ui, sans-serif;
  font-weight: 400; letter-spacing: 0.03em; line-height: 1.25;
}
h1 { font-size: clamp(24px, 5.4vw, 34px); }
h2 { font-size: clamp(20px, 4.4vw, 26px); }

/* buttons: the site's glowing blue outline instead of the teal-violet gradient */
.btn-big, .btn-small, .tcomposer .btn {
  background: linear-gradient(180deg, rgba(47, 139, 255, 0.26), rgba(47, 139, 255, 0.08));
  color: var(--ink); border: 1px solid rgba(47, 139, 255, 0.6);
  box-shadow: 0 0 26px rgba(47, 139, 255, 0.22);
}
.btn-big:hover, .btn-small:hover { border-color: #2f8bff; filter: none; }
.btn-ghost { border-width: 1px; }
.progress > span { background: #2f8bff; box-shadow: 0 0 14px rgba(47, 139, 255, 0.6); }
.field input, .field select, .tcomposer textarea { border-width: 1px; box-shadow: inset 0 0 18px rgba(47, 139, 255, 0.06); }
.card { border-width: 1px; }
.card.on, .chip.on { border-color: #2f8bff; }

/* the thin glowing horizon under the welcome text, like the home page */
#welcome .lede::after {
  content: ""; display: block; height: 1px; margin: 22px auto 0; width: 80%;
  background: linear-gradient(90deg, transparent, #2f8bff 30%, #2f8bff 70%, transparent);
  box-shadow: 0 0 18px 1px rgba(47, 139, 255, 0.55);
}

/* the A9IS bar on top: home, and the way back to the rest of the site */
.agis-bar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 16px; padding: 12px max(18px, env(safe-area-inset-left)); background: rgba(0, 0, 0, 0.82); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.agis-bar a { display: flex; align-items: center; color: var(--soft); font-size: 15px; text-decoration: none; letter-spacing: 0.06em; text-transform: uppercase; }
.agis-bar a:hover { color: var(--ink); }
.agis-bar svg { height: 20px; width: auto; }
.agis-bar .home { margin-left: auto; }