/* The landing page: the full-viewport hero (styles/components/hero.css), then
   one idea per screen. The trio, the Martin note, the FII link, the quotes
   row and the closing block are shared pieces in site.css (they also appear
   on /brand/); only the homepage's own arrangement lives here. */

.already { padding-top: 0; }
.already .note { margin-top: 0; }
.already a { display: inline-flex; align-items: center; gap: 0.3rem; }

/* Three things to know */
.trio-section .kicker, .trio-section h2 { text-align: center; }

/* The adventures: the mosaic (styles/components/activity-mosaic.css) with the places row under it */
.verbs-section .kicker, .verbs-section h2, .verbs-section > .wrap > .lede { text-align: center; }
.places {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: var(--xl);
}
.places .kicker { margin: 0 0.5rem 0 0; }
.places .chip { color: var(--text); }   /* unlinked for now (pages/index.js placeChip): full text color, not the dim chip default */
.places a.chip:hover { color: var(--accent); border-color: var(--accent); text-decoration: none; }

/* The quotes */
.quotes .kicker, .quotes h2 { text-align: center; }