/* cnp-mobile-type.css  ·  v4  ·  19 Jul 2026
   Mobile (<=540px) reading system. Goal: ONE coherent, uniform scale + font
   roles, since the desktop Instrument mix of serif/sans/mono at body level
   reads as non-uniform on a phone. Desktop (>540px) is untouched.
   FONT ROLES on mobile:  body & caption text = Hanken (sans);  headings =
   Newsreader (serif, untouched);  labels/data/eyebrows/meta = IBM Plex (mono).
   SIZE SCALE on mobile:  body 18 · caption 15 · label 13 · table-head 12.5.
   !important needed to win base rules at equal specificity. Reversible: delete
   this file + its enqueue. */
@media (max-width: 540px){

  /* ---- font roles: pull serif/mono body text to sans (headings stay serif) ---- */
  .pf-lede, .pf-answer, .pf-answer p, .pf-cta, .pf-cta p,
  .tg-foot, .tg-foot p, .tg-intro,
  figure figcaption, figcaption{
    font-family: 'Hanken Grotesk', system-ui, -apple-system, sans-serif !important;
  }

  /* ---- body / reading: 18 ---- */
  .pf-narrow p, .pf-narrow li,
  .article-content p, .article-content li,
  .entry-content p, .entry-content li,
  .cc-pf p, .cc-pf li,
  .pf-answer, .pf-answer p, .pf-lede, .pf-cta p,
  .tg-intro, .tg-foot p, .pf-swcol p, .faq-a p{
    font-size: 18px !important;
    line-height: 1.62 !important;
  }

  /* ---- captions / secondary explainers: 15 ---- */
  figure figcaption, figcaption, small{
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  /* ---- labels / eyebrows / meta / read-tags / breadcrumb / footer: 13 ---- */
  .pf-kicker, .pf-eyebrow, .tg-eyebrow, .tg-illus, .eyebrow,
  .al, .fl, .cj-k, .cj-eyebrow, .swh, .tg-k,
  .cnp-updated, .rd, .rt, .cj-go, .cc-term,
  nav.cnp-bc a, .cnp-bc a, .cnp-bc span, .pf-crumb a, .pf-crumb span,
  .footer-copy, .footer-link, .footer-col-title{
    font-size: 13px !important;
  }

  /* ---- table headers / tiny data: 12.5 ---- */
  .pf-narrow th, .pf-sec th, .cc-pf th, table th, th.num{
    font-size: 12.5px !important;
  }

  /* ---- departure line (decorative mono) ---- */
  .dl-l, .dl-t{ font-size: 12px !important; }
  .dl-arrow{ font-size: 11px !important; }

  /* ---- full-bleed diagrams (a touch more room = slightly larger SVG text) ---- */
  figure.cnp-fig, figure.cnp-diagram-fig{
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }
}

/* Time-equation diagram: portrait variant on phones (19 Jul 2026). */
.cnp-diagram-fig .cnp-eq-mobile{display:none;}
@media (max-width:540px){
  .cnp-diagram-fig .cnp-eq-desktop{display:none;}
  .cnp-diagram-fig .cnp-eq-mobile{display:block;}
}

/* ============================================================
   cnp-mobile-type.css · EXTENSION v5 · 19 Jul 2026
   Extends the v4 <=540px prose normalization to the SEO-landing
   (.cnp-redesign), INDUSTRY-pillar (ph- / .numsec), METHOD-COMPARISON
   (.cc-cpg) and METHODS-HUB (.cc-hub) templates.
   PRIMARY PROSE ONLY -> 18 / 1.62 / Hanken; serif "In short" answer
   boxes + serif/undersized ledes pulled to Hanken. Card / tile / note /
   stat / table / CTA-band descriptions are deliberately NOT touched.
   Desktop (>540px) untouched. Reversible: delete this block.
   ============================================================ */
@media (max-width: 540px){

  /* SEO landing (.cnp-redesign): process-step copy (p.s-desc).
     .seo-content p & .cnp-rich p are already Hanken 18.5 -> left as-is. */
  .cnp-redesign .step p,

  /* INDUSTRY pillar (ph- template): numbered-section narrative + the 4
     process-step tiles. steps4 is single-column at <=540px, so 18 is safe. */
  .numsec p, .steps4 p,

  /* METHOD-COMPARISON (.cc-cpg): section prose + intro lede. */
  .cc-cpg .cp-sec p, .cc-cpg .cp-lede,

  /* METHODS-HUB (.cc-hub): section intro + hero lede. */
  .cc-hub .hb-intro, .cc-hub .hb-lede,

  /* FAQ / "In short" answer boxes across these templates.
     .cc-answer/.answer are sans@17 inline; .cp-answer/.hb-answer are
     Newsreader@18 -> unify all to Hanken 18. */
  .cc-answer p, .answer p, .cc-cpg .cp-answer p, .cc-hub .hb-answer p{
    font-size: 18px !important;
    line-height: 1.62 !important;
    font-family: 'Hanken Grotesk', system-ui, -apple-system, sans-serif !important;
  }

}