/* Landing pages built by scripts/build_pages.py (loaded after styles.css). */
.hero.lp h1 { font-size: clamp(2.6rem, 5.6vw, 4.8rem); line-height: 1; }

.prose { max-width: 46em; margin: 0 auto; }
.prose h2 { font-size: clamp(1.9rem, 3.6vw, 2.6rem); margin: 0 0 18px; }
.prose h3 { font-size: 1.45rem; margin: 34px 0 10px; }
.prose p, .prose li { color: var(--ink-soft); line-height: 1.75; }
.prose p + p { margin-top: 14px; }
.prose ul, .prose ol { padding-left: 22px; margin: 14px 0; }
.prose li + li { margin-top: 8px; }
.prose a { color: var(--ink); }
.prose strong { color: var(--ink); }

.compare { width: 100%; border-collapse: collapse; margin: 22px 0; font-size: 0.98rem; }
.compare th, .compare td { text-align: left; padding: 12px 10px; border-top: 1px solid var(--rule); vertical-align: top; }
.compare th { font-family: var(--display); font-size: 1.1rem; }
.compare td { color: var(--ink-soft); }
.compare-wrap { overflow-x: auto; }

.explore-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(24px, 4vw, 52px); }
.explore-list li { padding: 20px 0; border-top: 1px solid var(--rule); }
.explore-list a { font-family: var(--display); font-size: 1.35rem; font-weight: 600; color: var(--ink); }
.explore-list p { color: var(--ink-soft); font-size: 0.95rem; margin-top: 4px; }

@media (max-width: 720px) {
  .explore-list { grid-template-columns: 1fr; }
}