/* Shared brand tokens + chrome for MHS Tools — loaded by all four pages
   (the public landing page and the three tools). Only rules that were
   verified byte-identical (or resolve to an identical computed style)
   across the pages that had them were moved here — see MIGRATION.md.
   Page-specific layout (forms, masthead padding/sizing, PDF-adjacent
   styling, print rules, etc.) stays inline per page on purpose; forcing
   those into one shared file would just trade duplication for a pile of
   per-page overrides. */

:root{
  --navy:#14273F;
  --navy-deep:#0D1B2E;
  --paper:#FAF7F0;
  --gold:#C6A24E;
  --gold-soft:#F3E8CD;
  --ink:#1B2430;
  --muted:#6B7480;
  --line:#C9CDD4;
  --green:#2E7D4F;
  --amber:#A66A1F;
  --red:#B3402F;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Barlow',sans-serif;color:var(--ink);
  background:var(--navy);
  background-image:radial-gradient(1200px 500px at 50% -10%, #1E3A5C 0%, var(--navy) 55%, var(--navy-deep) 100%);
  min-height:100vh;
  padding:28px 14px 64px;
}

/* ---------- Print reset (deal + loaner; trade-eval prints its own way via
   its own stylesheet, index.html has nothing to print) ---------- */
@media print{
  body{background:#fff;padding:0}
}

/* ---------- Masthead chrome shared by the three tool pages ---------- */
.mast-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{height:44px;width:auto;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));transition:opacity .15s}
.brand:hover img,.brand:focus-visible img{opacity:.8}
h1 span{color:#fff}

/* ---------- Sign-out button (trade-eval + loaner; deal uses its own
   general-purpose .email-btn instead, left as-is) ---------- */
.signout{
  background:none;border:1px solid #3A5578;color:#B8C4D4;
  font:600 11px 'Barlow',sans-serif;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 10px;border-radius:4px;cursor:pointer;margin-top:8px;
}
.signout:hover{color:#fff;border-color:var(--gold)}
.signout + .signout{margin-left:8px}
.signout.armed{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}
.signout.armed:hover{border-color:var(--red)}