/* Every slide occupies the same grid cell, reserving the tallest article's space. */
.kn-featured { min-width: 0; align-self: start; }
.kn-featured-slides { display: grid; min-width: 0; }
.kn-featured-slide { grid-area: 1 / 1; min-width: 0; visibility: hidden; pointer-events: none; }
.kn-featured-slide.is-active { visibility: visible; pointer-events: auto; }
.kn-featured-slide .lead-story { animation: none; }
.kn-featured-controls { display: flex; align-items: center; gap: 12px; margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--line); }
.kn-featured-controls[hidden] { display: none; }
.kn-featured-caption { margin-right: auto; font: 500 10px/1.4 var(--mono); letter-spacing: .08em; color: var(--ink-muted); }
.kn-featured-count { min-width: 38px; text-align: center; font: 500 12px/1 var(--mono); }
.kn-featured-controls button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--ink); font-size: 20px; cursor: pointer; }
.kn-featured-controls button:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.kn-featured-controls button:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .kn-featured .lead-art img, .kn-featured .lead-arrow { transition: none; } }