/* Home page only. Tokens only. */

.home-intro{padding-block:var(--space-block) var(--space-section)}
.home-intro h1{max-width:18ch;margin-bottom:var(--space-7)}
.home-answer{font-size:var(--font-size-xl);line-height:var(--line-height-reading);max-width:var(--measure);margin-bottom:var(--space-block)}
.hero-grid{display:grid;gap:var(--space-block)}
@media (min-width:1024px){.hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}

/* tool promo */
.promo{display:grid;gap:var(--space-block);align-items:center}
.promo .media{aspect-ratio:3/2}
.promo--portrait .media{aspect-ratio:4/5;max-width:26rem}
.promo-copy .btn{margin-top:var(--space-4)}
@media (min-width:768px){
  .promo{grid-template-columns:1fr 1fr;gap:var(--space-section)}
  .promo--flip .media{order:-1}
}

/* trust strip: true, checkable numbers only (not cards) */
.trust-strip{display:grid;gap:var(--space-block);margin:0;border-block:var(--space-1) solid var(--color-border-subtle);padding-block:var(--space-block)}
.trust-strip>div{display:flex;flex-direction:column;gap:var(--space-3)}
.trust-strip dt{font-size:var(--font-size-4xl);font-weight:var(--font-weight-heavy);line-height:1;order:1}
.trust-strip dd{margin:0;order:2;color:var(--color-text-muted);font-weight:var(--font-weight-strong)}
@media (min-width:768px){
  .trust-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .trust-strip>div+div{padding-left:var(--space-block);border-left:var(--space-1) solid var(--color-border-subtle)}
}

/* featured article, second */
.feature-row{display:grid;gap:var(--space-block);align-items:center}
@media (min-width:768px){.feature-row{grid-template-columns:7fr 5fr;gap:var(--space-section)}.feature-row--flip .card .media{order:2}}

/* top picks banner */
.picks-banner{display:flex;flex-direction:column;gap:var(--space-block);align-items:flex-start}
.picks-banner h2{max-width:22ch;margin:0 0 var(--space-5)}
.picks-banner p{max-width:var(--measure);margin:0}
@media (min-width:768px){.picks-banner{flex-direction:row;align-items:center;justify-content:space-between}}

.tiles{margin-top:0}