/* Homepage vertical rhythm. Keep type sizes, chart scale and controls intact. */
main > .hero { padding-block:12px 16px; }
main > .section-band,
main > .home-lead-section { padding-block:22px; }
main > .pricing.section-band,
main > .calculator.section-band { padding-block:28px; }
main > .intro.section-band { padding-block:8px 4px; }
main > .comparison.section-band { padding-block:8px 22px; }
main > .hero .hero-actions { margin-top:16px; }
main > .hero .hero-cta-proof { margin-top:8px; }
main > .comparison .product-tabs { margin-bottom:12px; }

main .section-band .section-heading { margin-bottom:16px; }
main .section-heading .section-icon { width:56px; height:56px; margin-bottom:8px; }
main > .comparison .quick-compare { padding-block:12px; margin-bottom:12px; }
main > .comparison .quick-compare-help { margin-bottom:8px; }
main > .comparison .quick-compare-chips:empty,
main > .comparison .quick-compare-status:empty { display:none; }
main > .comparison .filters { min-height:0; padding-block:12px; row-gap:12px; }
main > .comparison .comparison-grid { padding-block:12px 20px; row-gap:18px; }
main > .comparison .chart-panel { padding-top:12px; }
main > .comparison .comparison-chart-header { margin-bottom:12px; }
main > .comparison .selected-funds { margin-top:18px; padding-top:14px; }
main > .comparison .comparison-intent-cta { margin-block:12px 16px; padding-block:14px; }
main > .comparison .trust-strip { margin-top:16px; }
main > .comparison .trust-item { min-height:72px; padding-block:10px; }

main > .home-lead-section .home-lead-card { padding-block:24px; }
main > .pricing .plan-comparison-legend { margin-block:0 16px; }
main > .pricing .plan-comparison thead th { padding-block:16px; }
main > .pricing .plan-comparison tbody th { padding-block:10px; }
main > .pricing .plan-comparison tbody td { padding-block:8px; }
main > .pricing .plan-comparison tfoot th,
main > .pricing .plan-comparison tfoot td { padding-block:14px; }
main > .pricing .pricing-note { margin-top:18px; }
main > .calculator .calculator-mode-tabs { margin-bottom:18px; }
main > .calculator .calculator-grid { border-top-width:6px; padding-top:18px; row-gap:18px; }
main > .calculator .calc-controls { gap:12px; }
main > .calculator .calc-controls label { min-height:110px; padding-block:12px; row-gap:8px; }

main > .seo-guides .seo-guide-grid { gap:14px; }
main > .seo-guides .seo-guide-grid a { min-height:140px; padding-block:18px; gap:6px; }
main > .seo-answers .seo-answer-grid { gap:12px; }
main > .seo-answers .seo-answer-grid details { padding-block:14px; }
main > .articles .article-grid article { min-height:0; padding-block:20px; }
main > .articles .article-grid h3 { min-height:0; margin-block:10px; }
main > .articles .article-grid a { margin-top:12px; }
main > .articles .articles-more { margin-top:18px; }
.site-footer .footer-main { min-height:0; padding-top:32px; }
.site-footer .footer-content { min-height:0; row-gap:24px; }
.site-footer .footer-bottom { margin-top:18px; }

@media (min-width:981px) {
  main > .hero .hero-visual video { max-height:240px; }
}
@media (max-width:760px) {
  main > .hero { padding-block:10px 12px; }
  main > .section-band,
  main > .home-lead-section { padding-block:18px; }
  main > .pricing.section-band,
  main > .calculator.section-band { padding-block:22px; }
  main > .intro.section-band { padding-block:6px 4px; }
  main > .comparison.section-band { padding-block:6px 18px; }
  main .section-band .section-heading { margin-bottom:14px; }
  main > .comparison .quick-compare { padding-block:12px; }
  main > .home-lead-section .home-lead-shell { row-gap:20px; }
  main > .home-lead-section .home-lead-card { padding-block:20px; }
  main > .calculator .calc-controls label { min-height:0; }
  main > .seo-guides .seo-guide-grid a { min-height:0; padding-block:16px; }
  .site-footer .footer-main { padding-top:24px; }
}