/* ── SLOI AI · Global type & colour baseline ─────────────────────────────
   Loaded after each page's <style> block so these rules win the cascade.
   Font-size rules use !important to override hardcoded px values.
   Colour variables override each page's :root because this sheet loads last.
──────────────────────────────────────────────────────────────────────────── */

/* ── Lifted colour palette ─────────────────────────────────────────────── */
:root {
  --muted:   #a0a0c8;   /* was ~#52526e — significantly lifted for legibility  */
  --text:    #dddcf6;   /* was ~#c8c6e0                                        */
  --white:   #f5f4ff;   /* was ~#f0eff8 / #eeedf8                              */
  --border:  #24243c;   /* was ~#1a1a2a / #1c1c2e — slightly more visible      */
  --border2: #303050;   /* was ~#222234 / #252538                              */
}

/* ── Base font size ─────────────────────────────────────────────────────── */
html, body { font-size: 15px !important; }

/* ── Navigation — standardised across all pages (matches m2m-homepage) ─── */
nav {
  height: 72px !important;
  padding: 0 40px !important;
  background: rgba(6,6,14,.88) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}
.nav-links { gap: 28px !important; }
.nav-logo  { font-size: 28px !important; color: #eeedfa !important; letter-spacing: -.03em !important; }

/* mobile: compact height, mobile dropdown offset */
@media (max-width: 768px) {
  nav { height: 60px !important; padding: 0 16px !important; }
  #mob-nav { top: 60px !important; }
}

/* ── Navigation links — all nav contexts ────────────────────────────────── */
nav a, .nav-right a, .nav-links a,
.nav-links a:visited {
  color: #b8b6e8 !important;
  font-size: 14px !important;
}
nav a:hover, .nav-right a:hover, .nav-links a:hover {
  color: #f5f4ff !important;
}

/* ── Sidebar nav items ──────────────────────────────────────────────────── */
.nav-label  { font-size: 14px !important; color: #b8b6e8 !important; }
.nav        { font-size: 14px !important; color: #b8b6e8 !important; }

/* ── Tabs ───────────────────────────────────────────────────────────────── */
.tab        { font-size: 14px !important; }

/* ── Buttons ────────────────────────────────────────────────────────────── */
.btn        { font-size: 14px !important; }
.btn-sm     { font-size: 15px !important; }
.btn-xs     { font-size: 14px !important; }

/* ── Product cards ──────────────────────────────────────────────────────── */
.pc-name    { font-size: 17px !important; }
.pc-sub     { font-size: 15px !important; }
.pt-name    { font-size: 17px !important; }
.pt-desc    { font-size: 15px !important; }
.tc-name    { font-size: 17px !important; }
.tc-desc    { font-size: 15px !important; }

/* ── Inputs & labels ────────────────────────────────────────────────────── */
.inp        { font-size: 15px !important; }
.flabel     { font-size: 15px !important; }
.field-lbl  { font-size: 15px !important; }
.field-hint { font-size: 14px !important; }

/* ── Question / step headers ────────────────────────────────────────────── */
.q-eyebrow  { font-size: 14px !important; }
.q-sub      { font-size: 16px !important; }

/* ── Step nav labels ────────────────────────────────────────────────────── */
.sn-name    { font-size: 15px !important; }
.sn-desc    { font-size: 14px !important; }

/* ── Trust / footer text ────────────────────────────────────────────────── */
.trust-row  { font-size: 14px !important; }

/* ── Progress bar ───────────────────────────────────────────────────────── */
.prog-lbl   { font-size: 14px !important; }

/* ── Summary cells ──────────────────────────────────────────────────────── */
.sum-lbl    { font-size: 14px !important; }
.sum-val    { font-size: 16px !important; }

/* ── Guarantee box ──────────────────────────────────────────────────────── */
.g-row      { font-size: 15px !important; }

/* ── Success / flow list ────────────────────────────────────────────────── */
.fl-text    { font-size: 15px !important; }
.suc-sub    { font-size: 16px !important; }

/* ── Badges & pills ─────────────────────────────────────────────────────── */
.badge      { font-size: 14px !important; }
.mpill      { font-size: 14px !important; }

/* ── Section headers ────────────────────────────────────────────────────── */
.sec        { font-size: 14px !important; }

/* ── Price direction indicators ─────────────────────────────────────────── */
.price-up     { color: #22c55e; }
.price-down   { color: #ef4444; }
.price-stable { color: #94a3b8; }

/* ── Chat bubbles ───────────────────────────────────────────────────────── */
.bubble     { font-size: 15px !important; }
.b-system   { font-size: 14px !important; }
.b-label    { font-size: 15px !important; }