/* Mary & Blake Website 2.0 — V64 unified body typography.
 * Single source of truth for normal reading text in EVERY editorial template,
 * including the standalone Blood of My Blood Season 2 template.
 *
 * NORMAL READING COPY: Lato, 18px, 600 desktop / 400 mobile, 1.7 line height.
 * Display headings, overlines, UI labels, metadata and buttons retain their
 * intentional typographic hierarchy. Does not modify member/app/plugin UI.
 */
body.mb2-site{
  --mb2-reading-size:18px;
  --mb2-reading-weight:600;
  --mb2-reading-line:1.7;
}

/* Sitewide paragraph and prose-list standard. Overrides old per-template
   12px–19px rules without changing heading hierarchy or link/button dimensions.
   Navigation <li> elements are deliberately excluded. */
body.mb2-site #mb2-main p,
body.mb2-site #mb2-main li:not(nav li),
body.mb2-site #mb2-main dd,
body.mb2-site #mb2-main dt,
body.mb2-site #mb2-main figcaption{
  font-family:Lato,'Helvetica Neue',Arial,sans-serif!important;
  font-size:var(--mb2-reading-size)!important;
  font-weight:var(--mb2-reading-weight)!important;
  line-height:var(--mb2-reading-line)!important;
}

/* A handful of older sections put paragraph-like prose in DIV/SPAN elements.
   Bring those specific copy components into the same system. */
body.mb2-site #mb2-main :is(
  .mb2-global-listing-description,
  .mb2-chapter-copy,
  .mb2-intro-lede,
  .mb2-hero-dek,
  .mb2-hero-deck,
  .mb2-v15-summary,
  .mb2-global-story-description,
  .mb2-app-description,
  .mb2-episode-clarity
){
  font-family:Lato,'Helvetica Neue',Arial,sans-serif!important;
  font-size:var(--mb2-reading-size)!important;
  font-weight:var(--mb2-reading-weight)!important;
  line-height:var(--mb2-reading-line)!important;
}

/* Contrast for white-on-charcoal descriptive copy, including the Season 2
   hero and introductory text shown in the review screenshot. Never whiten
   body copy inside light article reading panels. */
body.mb2-site #mb2-main :is(
  .mb2-hero,
  .mb2-global-home-hero,
  .mb2-global-cta,
  .mb2-home-app-bridge,
  .mb2-editorial,
  .mb2-season-v2,
  .mb2-global-clan,
  .mb2-opening,
  .mb2-intro,
  .mb2-v18-opening,
  .mb2bom-hero,
  .mb2bom-intro
) p{
  color:#e0e9ed!important;
}

/* Sitewide footer normal copy. Legal disclosures are metadata, intentionally
   a bit smaller; prevent them from becoming faint microtype. */
body.mb2-site .mb2-site-footer-brand p,
body.mb2-site .mb2-site-footer p:not(.mb2-v61-legal p),
body.mb2-site .mb2-footer:not(.mb2-site-footer) p:not(.mb2-pilot-legal p){
  font-family:Lato,'Helvetica Neue',Arial,sans-serif!important;
  font-size:var(--mb2-reading-size)!important;
  font-weight:var(--mb2-reading-weight)!important;
  line-height:var(--mb2-reading-line)!important;
}
body.mb2-site .mb2-site-footer .mb2-v61-legal p,
body.mb2-site .mb2-pilot-legal p{
  font-family:Lato,'Helvetica Neue',Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.65!important;
  color:#d6e1e5!important;
}

/* Small labels remain clearly intentional metadata rather than accidentally
   undersized paragraphs. */
body.mb2-site #mb2-main :is(.mb2-eyebrow,.mb2-global-eyebrow,.mb2-v18-eyebrow,.mb2bom-eyebrow){
  font-weight:900!important;
}
@media(max-width:700px){
  body.mb2-site{
    --mb2-reading-size:18px;
    --mb2-reading-weight:400;
  }
}