/* The featured stage keeps native touch scrolling and one active preview. */
.featured-carousel{position:relative;min-width:0;margin-bottom:24px}
.featured-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:20px;position:relative}
.featured-track::-webkit-scrollbar{display:none}.featured-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.featured-slide .cinematic-hero{margin:0;height:100%}.featured-slide .hero-title h2{font:inherit;font-size:clamp(32px,4.4vw,60px);font-weight:750;line-height:1.05;letter-spacing:-1.8px}
.featured-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding:0 2px}
.featured-dots{display:flex;gap:0;align-items:center}.featured-dots button{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}.featured-dots span{width:7px;height:7px;border-radius:20px;background:#ffffff55;transition:width .2s,background .2s}.featured-dots [aria-pressed=true] span{width:24px;background:var(--accent,#efa48b)}
.featured-arrows{display:flex;align-items:center;gap:8px}.featured-arrows>span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:8px}.featured-arrows button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff26;border-radius:50%;background:#202325;color:var(--text);cursor:pointer}.featured-arrows svg{width:18px;height:18px}.featured-arrows [data-feature-step="-1"] svg{transform:rotate(180deg)}.featured-arrows button:disabled{opacity:.3;cursor:default}.featured-arrows button:hover:not(:disabled){background:#343739}.featured-navigation button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:720px){.featured-track{border-radius:16px}.featured-slide .hero-title h2{font-size:clamp(26px,7.4vw,34px);letter-spacing:-.8px}.featured-slide .hero-hook{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.featured-navigation{margin-top:4px}.featured-carousel{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.featured-dots span{transition:none}}

/* Five stable touch targets, with smaller end markers hinting at more stories. */
.featured-navigation{min-width:0}
.featured-dots{flex:none;flex-wrap:nowrap;min-width:0;max-width:100%}
.featured-dots button{flex:0 0 44px}
.featured-dots [data-more]:not([aria-pressed=true]) span{width:4px;height:4px;background:#ffffff38}
.featured-dots button[hidden],.featured-navigation[hidden]{display:none}
.featured-arrows{flex:none;white-space:nowrap}
.featured-arrows button{flex:0 0 44px}
@media(max-width:760px){.featured-navigation{justify-content:center}.featured-arrows{display:none}}