/* Hierarchy pass: one calm flow, with the report timeline as the main event. */
.hero-grid { display:block; margin-bottom:38px; }
.hero-grid .intro { max-width:600px; margin-bottom:24px; }
.hero-grid .intro h1 { font-size:clamp(36px,7vw,52px); letter-spacing:-2.8px; }
.hero-grid .question { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 18px; max-width:720px; padding:0; }
.hero-grid .question .form-kicker, .hero-grid .question h2, .hero-grid .question .compare-result { grid-column:1 / -1; }
.hero-grid .question h2 { margin-bottom:16px; }
.hero-grid .question > div:first-of-type, .hero-grid .question > div:nth-of-type(2) { margin-bottom:0; }
.hero-grid .question > div:first-of-type select { width:100%; }
.hero-grid .question .compare-result { margin-top:10px; }
.section-head { margin-bottom:7px; }
.place .waypoint b { top:-13px; font-size:10px; }
.places .place { padding-top:16px; padding-bottom:16px; }
@media (max-width:760px) {
  .hero-grid .question { display:block; max-width:100%; }
  .hero-grid .question > div:first-of-type, .hero-grid .question > div:nth-of-type(2) { margin-bottom:10px; }
  .hero-grid .question .compare-result { margin-top:8px; }
}
@media (min-width:800px) {
  .hero-grid .intro h1 { font-size:52px; }
  .hero-grid .intro p:not(.kicker) { font-size:16px; }
}