/* Public marketing density. Private application typography is intentionally unaffected. */
:root {
  --meo-public-copy-min: 14.5px;
  --meo-public-section-block: clamp(52px, 5.8vw, 78px);
}

body {
  font-size: var(--meo-public-copy-min) !important;
}

body :where(p, li, dt, dd, th, td, caption, figcaption, blockquote, address, small, label, summary, output, time) {
  font-size: var(--meo-public-copy-min) !important;
}

.public-header-inner {
  min-height: 68px !important;
  padding-block: 6px !important;
}

.public-footer {
  padding-block: 54px 28px !important;
}

.public-footer-grid {
  gap: 28px !important;
}

.mk-hero {
  min-height: 560px !important;
  padding-block: 48px 58px !important;
}

.mk-hero-visual {
  min-height: 430px !important;
}

.mk-section,
.mk-editorial,
.mk-tracker,
.mk-story,
.mk-reassurance,
.mk-how,
.mk-benelux,
.mk-privacy,
.mk-final,
.mk-page-hero {
  padding-block: var(--meo-public-section-block) !important;
}

.mk-feature {
  min-height: 340px !important;
}

.mk-feature-grid,
.mk-editorial-grid,
.mk-tracker-facts {
  margin-top: 34px !important;
}

.price-hero,
.price-options,
.household-calculator,
.price-structure,
.sim-guide,
.price-clarity,
.coverage-hero,
.coverage-roadmap,
.coverage-scale,
.coverage-effort,
.coverage-sources,
.guide-hero,
.guide-section,
.guide-onboarding,
.guide-activation,
.guide-whatsapp,
.guide-limits,
.guide-faq,
.guide-downloads {
  padding-block: var(--meo-public-section-block) !important;
}

.guide-hero {
  min-height: 0 !important;
}

.guide-status {
  min-height: 260px !important;
}

.guide-purpose article,
.guide-devices article {
  min-height: 0 !important;
}

.guide-purpose,
.guide-devices,
.guide-flow,
.guide-download-cards {
  margin-top: 28px !important;
}

.guide-download-card__links a {
  min-height: 58px !important;
  padding-block: 9px !important;
}

.plan-grid {
  padding-bottom: 68px !important;
}

.plan-card {
  min-height: 540px !important;
}

@media (max-width: 760px) {
  :root {
    --meo-public-section-block: 46px;
  }

  .mk-hero {
    min-height: 0 !important;
    padding-block: 38px 44px !important;
  }

  .mk-hero-visual {
    min-height: 350px !important;
  }

  .public-footer {
    padding-block: 44px 24px !important;
  }
}