/* specialized.live — v5.3 typography & continuity overrides
 * Bumps type sizes across the site + adds 3 continuity touches from old apex.
 * Apply after the page's main <style> block.
 */

:root{
  /* Type scale — bumped for readability */
  --t-body:17px;
  --t-body-lg:20px;
  --t-small:13px;
  --t-micro:12px;
  --t-label:13px;
  --lh:1.65;
}

body{font-size:var(--t-body);line-height:var(--lh)}

/* All caps eyebrows + tags — bump + medium weight so they read */
.eyebrow, .page-hero .eyebrow, .meta-row, .meta, .tag, .step, .side-section h3,
.post-header .meta-row, .post-card .meta, .external-section h3,
.nav-cta, .post-cta .btn, .btn, .btn-primary, .btn-ghost, .submit,
.hv-cell-label, .hv-cell-trend, .hv-note, .hv-title, .hv-live,
.brand, .brand-name, .footer-bottom, .step .num, .sc-header .small, .sc-foot,
.author-card .text span, .surface-head .meta, .steps, .form-actions,
.consent, .field label, .err{
  font-size:var(--t-label)!important;
  font-weight:500!important;
  letter-spacing:.04em;
}
.tag, .hv-cell-label, .hv-cell-trend, .sc-header .small, .sc-foot,
.surface-head .meta, .eyebrow, .meta, .meta-row{
  font-size:var(--t-micro)!important;
  font-weight:500!important;
}

/* Hero body — biggest readable text on the site */
.hero-lede{font-size:var(--t-body-lg)!important;line-height:1.55!important}

/* Hero meta list (the small caps tags under "Built for MTB Leaders") */
.hero-meta-list li span{font-size:12px!important;font-weight:500;letter-spacing:.04em}
.hero-meta-list li{font-size:15px!important}

/* Dashboard mock labels */
.hv-cell-val{font-size:24px!important;font-weight:300}
.hv-cell-label{font-size:var(--t-micro)!important}
.hv-cell-trend{font-size:var(--t-micro)!important}

/* Footer */
.footer-bottom{font-size:13px!important}
.footer-brand-text{font-size:15px!important;line-height:1.65!important}

/* Contact form */
.field label{font-size:var(--t-label)!important;font-weight:500!important}
.field input, .field select, .field textarea{font-size:16px!important;line-height:1.5}
.consent{font-size:13px!important;line-height:1.6!important}
.side-section p{font-size:15px!important;line-height:1.6!important}

/* Blog cards + post body */
.post-card .meta{font-size:var(--t-micro)!important}
.post-card .excerpt{font-size:16px!important;line-height:1.6!important}
.post-body{font-size:19px!important;line-height:1.7!important}
.post-body h2{font-size:36px!important;line-height:1.2!important}
.post-body h3{font-size:22px!important}
.post-body blockquote{font-size:24px!important;line-height:1.5!important}
.post-body code{font-size:14px!important}
.post-header h1{font-size:clamp(40px,5.5vw,72px)!important}
.post-header .lede{font-size:22px!important;line-height:1.55!important}
.author-card .text span{font-size:14px!important}

/* Chat widget */
.sc-msg{font-size:14.5px!important;line-height:1.6!important}
.sc-suggestion{font-size:13px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
.sc-foot{font-size:11px!important}

/* Review file */
.surface-head h2{font-size:26px!important}
.surface-head .meta{font-size:var(--t-micro)!important}

/* Continuity touch 1: brand identity strip (home hero) */
.hero-identity{
  display:inline-flex;align-items:center;gap:10px;
  padding:6px 14px;margin-bottom:32px;
  background:rgba(212,255,92,.06);
  border:1px solid rgba(212,255,92,.2);
  border-radius:100px;
  font-family:var(--mono);
  font-size:12px;letter-spacing:.06em;
  color:var(--ink-mid);
}
.hero-identity strong{color:var(--accent);font-weight:500}
.hero-identity .sep{color:var(--ink-faint);margin:0 6px}

/* Continuity touch 2: explicit company-name strap in footer */
.footer-strap{
  padding:32px 0;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--ink-low);
  text-transform:uppercase;
}
.footer-strap .name{color:var(--accent);font-weight:500}
.footer-strap .since{margin-left:8px;color:var(--ink-faint)}

/* Continuity touch 3: "Strategic Cloud Partnerships" preserved as eyebrow above hero h1 */
.hero-strategy{
  display:block;
  font-family:var(--mono);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);
  margin-bottom:16px;
  opacity:.7;
}

/* Page hero eyebrows (contact, blog) — bump visibility */
.page-hero .eyebrow{font-size:13px!important;font-weight:500!important;letter-spacing:.18em!important;color:var(--accent);opacity:.75}