/* V18: quiet carousel controls; a shared grid reserves the longest story. */
.hero-carousel-controls { display:flex; align-items:center; gap:12px; width:100%; max-width:380px; min-height:44px; margin:0 0 7px; }
.hero-carousel-controls[hidden] { display:none; }
.hero-carousel-meta { display:flex; align-items:center; gap:10px; flex:1; min-width:0; font-size:13px; line-height:1.4; }
.hero-carousel-current { color:var(--muted); font-weight:500; white-space:nowrap; }
.hero-carousel-count { color:var(--muted); font-size:12px; white-space:nowrap; font-variant-numeric:tabular-nums; }
.hero-carousel-buttons { display:flex; align-items:center; flex-shrink:0; }
.hero-carousel-buttons button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--muted); }
.hero-carousel-buttons button:hover { color:var(--blue); background:#edf5ff; }
.hero-carousel-buttons button:focus-visible { outline:3px solid var(--blue); outline-offset:1px; }
.hero-stories { display:grid; }
.hero-story { grid-area:1/1; min-width:0; }
.hero-story:not(.is-active) { visibility:hidden; pointer-events:none; }
@media (min-width:701px) {
 .hero-actions #hero-main-cta { min-inline-size:270px; justify-content:center; }
}
@media (max-width:700px) {
 .hero-carousel-controls { max-width:380px; gap:8px; margin-bottom:5px; }
 .hero-carousel-meta { gap:8px; }
}
@media (prefers-reduced-motion:reduce) {
 .hero .hero-dynamic-word { transition:none; }
}