/* Keep the advertisement and editorial picks in balance with the lead story. */
.featured-direct{padding-top:32px;align-items:start}
.featured-direct .featured-aside{gap:22px}
.featured-direct .featured-aside>.advertisement{margin-bottom:4px}
.featured-direct .featured-aside>.story-card{grid-template-columns:clamp(96px,9vw,128px) minmax(0,1fr);align-items:start;gap:16px}
.featured-direct .featured-aside .story-image{aspect-ratio:1;min-height:0;max-height:none;height:auto;border-radius:11px}
.featured-direct .featured-aside .story-content{min-width:0}
.featured-direct .featured-aside .story-card h2{font-size:1.08rem;line-height:1.3;overflow-wrap:break-word}
.featured-direct .featured-aside .category-label{font-size:.6rem;letter-spacing:.06em}
.featured-direct .featured-aside .story-meta{font-size:.68rem;gap:6px}
.home-empty-ad{padding-top:32px}

/* The narrow desktop columns no longer have enough room for two readable cards. */
@media(min-width:641px) and (max-width:1000px){
  .featured-direct{display:block}
  .featured-direct .story-card-featured .story-image{aspect-ratio:1.6}
  .featured-direct .featured-aside{display:grid;grid-template-columns:300px minmax(0,1fr);column-gap:24px;row-gap:18px;border-left:0;border-top:1px solid var(--line);padding:24px 0 0;margin-top:28px;align-items:start}
  .featured-direct .featured-aside>.advertisement{grid-column:1;grid-row:1 / span 3;margin:0}
  .featured-direct .featured-aside>.section-kicker,.featured-direct .featured-aside>.story-card{grid-column:2}
  .featured-direct .featured-aside>.section-kicker{margin-bottom:0}
  .featured-direct .featured-aside>.story-card{grid-template-columns:80px minmax(0,1fr);gap:12px}
  .featured-direct .featured-aside .story-card h2{font-size:1rem}
}

@media(max-width:640px){
  .featured-direct{display:block;padding-top:24px}
  .featured-direct .featured-aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0;margin-top:28px}
  .featured-direct .featured-aside>.story-card{grid-template-columns:96px minmax(0,1fr);gap:14px}
  .featured-direct .featured-aside .story-card h2{font-size:1.03rem}
}

@media(min-width:561px) and (max-width:640px){.featured-direct .story-card-featured .story-image{aspect-ratio:1.6}}