/* ─────────────────────────────────────────────────────────────────────────────
 * AWARDLY TOOLBOX — SHELL ONLY
 *
 * The header, the footer, and the tokens they need. NOTHING ELSE.
 *
 * ⚠ WHY THIS FILE EXISTS SEPARATELY FROM toolbox.css. toolbox.css styles bare
 * element selectors: body, h1, h2, h3, p, table, th, td, input, label, caption, a.
 * Linking it into /hqs-nspire would restyle that tool's form, which is a rescued
 * production tool with 127 hardcoded colour literals and no test beyond "does a
 * PDF come out". Founder ruling 2026-08-30: shell only, leave the internals alone.
 *
 * ⚠ SO THERE IS NOT ONE BARE ELEMENT SELECTOR BELOW. Every rule is scoped under a
 * .tb- class. A stylesheet that cannot reach the form cannot break it, which is a
 * stronger guarantee than being careful.
 *
 * Colours are the BRAND_SPEC.md tokens. recon/_check_brand_spec.cjs checks this
 * file against the spec too, so the two stylesheets cannot drift apart.
 * ───────────────────────────────────────────────────────────────────────────── */

:root{
  --ground:#000310; --surface:#050B18; --raise:#081222; --deep:#000208;
  --ink:#F0F0F0; --ink-2:#A8B6CC; --ink-3:#6E8098;
  --rule:#14203A; --rule-2:#1E2C4A;
  --accent:#5B93DD; --accent-bright:#8FB8F0; --accent-deep:#082D6B; --accent-soft:#0C1B33;
  --yes:#5FBF7F; --yes-soft:#0C2416;
  --no:#E07A7A;  --no-soft:#2A1414;
  --warn:#E0B24A;
}

.tb-head{border-bottom:1px solid var(--rule);background:var(--surface);
  font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif}
.tb-head-in{max-width:1000px;margin:0 auto;padding:15px 22px;
  display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.tb-head .tb-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.tb-head .tb-star{width:40px;height:40px;flex:0 0 auto;display:block}
.tb-head .tb-word{display:block;font-family:Georgia,'Times New Roman',serif;font-size:23px;
  font-weight:700;line-height:1.05;letter-spacing:.1px;color:var(--ink)}
.tb-head .tb-word .b{color:var(--accent)}
.tb-head .tb-tagline{display:block;font-size:9.5px;letter-spacing:2.3px;text-transform:uppercase;
  color:var(--ink-3);font-weight:600;margin-top:3px}
.tb-head .tb-nav{margin-left:auto;display:flex;gap:20px;font-size:14.5px}
.tb-head .tb-nav a{color:var(--ink-2);text-decoration:none}
.tb-head .tb-nav a:hover,.tb-head .tb-nav a[aria-current="page"]{color:var(--accent)}
.tb-head .tb-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.tb-foot{border-top:1px solid var(--rule);background:var(--surface);margin-top:40px;
  font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif}
.tb-foot-in{max-width:1000px;margin:0 auto;padding:26px 22px 40px;font-size:13.5px;color:var(--ink-3)}
.tb-foot p{margin:0 0 9px;max-width:76ch}
.tb-foot b{color:var(--ink-2)}
.tb-foot a{color:var(--accent)}
.tb-privacy{border:1px solid var(--rule-2);border-radius:4px;padding:12px 15px;margin:0 0 16px;
  background:var(--raise);color:var(--ink-2);font-size:13.5px}
.tb-privacy b{color:var(--ink)}