/* Comfortable reading sizes for page content; compact labels stay unchanged. */
.bento-overview {
  grid-template-rows: minmax(218px, auto) minmax(218px, auto) minmax(190px, auto);
}

.hero-main h1,
.page-hero h1,
.policy-hero h1 {
  font-size: clamp(54px, 6vw, 80px);
}

main p,
main li,
.section-blurb,
.page-hero p,
.page-section > p,
.overview-founder p,
.overview-investor p,
.overview-boundary p,
.listing-details p,
.explainer-tile p,
.promo-copy p,
.boundary-note p,
.closing-tile p,
.info-card p,
.flow-card p,
.price-panel p,
.callout p,
.business-card p,
.policy-content p,
.policy-content li {
  font-size: 15px;
  line-height: 1.7;
}

.faq-item p,
.policy-draft-note,
.policy-source-note,
.policy-table td,
.comparison td,
.comparison th {
  font-size: 14px;
  line-height: 1.65;
}

.footer-legal {
  font-size: 11px;
  line-height: 1.5;
}

.faq-item summary {
  font-size: 16px;
  line-height: 1.4;
}

.flow-card h3 {
  font-size: 18px;
  line-height: 1.2;
}

.explainer-tile h3 {
  font-size: 21px;
  line-height: 1.12;
}

.overview-investor h3,
.overview-boundary h3 {
  font-size: 23px;
  line-height: 1.12;
}

.price-list h3 {
  font-size: 24px;
}

.category-card b {
  font-size: 19px;
}

.mono-label,
.topline,
.visual-top,
.visual-caption,
.art-label,
.hero-note,
.stat-bottom,
.flow-line small,
.float-card small,
.category-card small,
.listing-facts small,
.demo-disclaimer,
.calendar-stamp,
.calendar-foot,
.comparison th,
.policy-meta span {
  font-size: 10px;
}

@media (max-width: 680px) {
  .bento-overview {
    grid-template-rows: repeat(4, minmax(175px, auto));
  }

  main p,
  main li,
  .section-blurb,
  .page-hero p,
  .page-section > p,
  .overview-founder p,
  .overview-investor p,
  .overview-boundary p,
  .listing-details p,
  .explainer-tile p,
  .promo-copy p,
  .boundary-note p,
  .closing-tile p,
  .info-card p,
  .flow-card p,
  .price-panel p,
  .callout p,
  .business-card p,
  .policy-content p,
  .policy-content li {
    font-size: 14px;
  }

  .faq-item p,
  .policy-draft-note,
  .policy-source-note,
  .policy-table td,
  .comparison td,
  .comparison th {
    font-size: 14px;
  }

  .faq-item summary {
    font-size: 15px;
  }

  .flow-card h3 {
    font-size: 17px;
  }

  .explainer-tile h3 {
    font-size: 19px;
  }

  .overview-investor h3,
  .overview-boundary h3 {
    font-size: 21px;
  }

  .category-card b {
    font-size: 18px;
  }

  .mono-label,
  .topline,
  .visual-top,
  .visual-caption,
  .art-label,
  .hero-note,
  .stat-bottom,
  .flow-line small,
  .float-card small,
  .category-card small,
  .listing-facts small,
  .demo-disclaimer,
  .calendar-stamp,
  .calendar-foot,
  .comparison th,
  .policy-meta span {
    font-size: 10px;
  }
}
