/* ============================================================
   CENTERSPREAD v5.7 — SATOSHI SITE-WIDE TYPOGRAPHY
============================================================ */

:root{
  --cs-font-sans:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

html,
body,
button,
input,
select,
textarea,
optgroup{
  font-family:var(--cs-font-sans) !important;
}

body :where(
  main,
  header,
  footer,
  nav,
  section,
  article,
  aside,
  div,
  p,
  span,
  strong,
  em,
  small,
  label,
  a,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  blockquote
){
  font-family:var(--cs-font-sans) !important;
}

/* WordPress editor-rendered front-end content */
.entry-content,
.entry-content *,
.wp-site-blocks,
.wp-site-blocks *{
  font-family:var(--cs-font-sans) !important;
}

/* Keep code visibly distinct. */
code,
pre,
kbd,
samp{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace !important;
}

/* ============================================================
   HEADER TYPE REBALANCE
============================================================ */

/*
 * Previous v3.7 rule made both tagline lines 15px.
 * Satoshi looks cleaner with a more compact two-line lockup.
 */
.cs-global-header .header-tagline{
  min-width:150px !important;
  gap:2px !important;
  line-height:1.04 !important;
}

.cs-global-header .header-tagline span{
  font-family:var(--cs-font-sans) !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.15em !important;
  line-height:1.05 !important;
}

.cs-global-header .header-tagline strong{
  font-family:var(--cs-font-sans) !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.065em !important;
  line-height:1.05 !important;
}

/* Give desktop navigation more breathing room. */
.cs-global-header .desktop-nav-list{
  gap:28px !important;
}

.cs-global-header .desktop-nav,
.cs-global-header .desktop-nav a{
  font-family:var(--cs-font-sans) !important;
}

/* Maintain comfortable fit on narrower desktop widths. */
@media(max-width:1280px) and (min-width:1101px){
  .cs-global-header .desktop-nav-list{
    gap:22px !important;
  }

  .cs-global-header .header-tagline{
    min-width:138px !important;
  }

  .cs-global-header .header-tagline span{
    font-size:9px !important;
  }

  .cs-global-header .header-tagline strong{
    font-size:10px !important;
  }
}

/* Tagline is already hidden by the global header below 1100px. */
@media(max-width:1100px){
  .cs-global-header .header-tagline{
    min-width:0 !important;
  }
}