/*
  mobile-slim.css
  Reduces text density on small screens across all pages.
  Linked from every HTML page — edit here, affects everywhere.
  Breakpoint: 768px and below.
*/

@media (max-width: 768px) {

  /* ── HERO ── */
  /* Hide the specialty list line under CTAs — headings + buttons are enough */
  .hero-trust { display: none; }

  /* Clamp hero sub-descriptions to 3 lines instead of full block */
  .sub,
  .hero-sub,
  .page-hero .sub {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Hide BA card fine-print disclaimer */
  .ba-footer { display: none; }

  /* ── SECTION HEADS ── */
  /* Keep H2/eyebrow, hide the elaboration paragraph — heading alone carries the section */
  .section-head p { display: none; }

  /* ── STATS ── */
  /* Clamp stat label text to 2 lines — keep the bold first sentence, drop the rest */
  .stat .lbl {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ── CARDS ── */
  /* Clamp card body descriptions to 2 lines */
  .sc-body,
  .module-body,
  .comm-body,
  .featured-body,
  .ov-desc,
  .perk-desc,
  .metric-desc,
  .tov-step-text,
  .tov-outcome,
  .step-content p,
  .card-body {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ── TESTIMONIALS ── */
  /* Clamp quotes to 4 lines — enough to convey sentiment */
  .t-quote,
  .tp-quote,
  .sc-quote,
  .testi-quote,
  .pullquote-text,
  .featured-quote {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ── BLOG / ARTICLE CARDS ── */
  .article-card-body,
  .rel-card-body,
  .feed-content,
  .feed-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ── TIMELINE / PHASES ── */
  .sc-phase-desc,
  .tl-desc,
  .origin-text,
  .belief-text,
  .founder-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ── FOOTER ── */
  /* Hide brand description paragraph — logo + name identify the brand on mobile */
  .f-brand p { display: none; }

}