/* Desktop shares the same data, native track and controls as Mobile/Fold. */
.articles-featured{display:block;min-width:0;margin:0 0 56px}
.articles-featured h2,.articles-all-heading{font-size:30px;line-height:1.5;color:var(--navy);margin:0 0 24px;letter-spacing:0}
.articles-all-heading{display:block}
.articles-featured-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 8px 28px rgba(10,49,91,.05)}
.articles-featured-track::-webkit-scrollbar{display:none}
.articles-featured-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:56% 44%;align-items:center}
.articles-featured-slide:not(:has(.articles-featured-image)){grid-template-columns:1fr}
.articles-featured-image{aspect-ratio:16/9;background:var(--ice);overflow:hidden}
.articles-featured-image img{display:block;width:100%;height:100%;object-fit:cover}
.articles-featured-copy{padding:32px}
.articles-featured-copy h3{font-size:clamp(26px,2.3vw,32px);line-height:1.5;margin:0;color:var(--navy);overflow-wrap:anywhere}
.articles-featured-copy p{font-size:16px;line-height:1.7;color:var(--muted);margin:16px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.articles-featured-read{display:inline-flex;gap:10px;align-items:center;margin-top:24px;font-size:16px;font-weight:600;color:var(--navy)}
.articles-featured-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}
.articles-featured-dots{display:flex;flex-wrap:wrap}
.articles-featured-dots button{width:36px;min-height:44px;display:grid;place-items:center;border:0;background:none;cursor:pointer}
.articles-featured-dots span{width:7px;height:7px;border-radius:50%;background:#b5c6d4}
.articles-featured-dots [aria-current=true] span{width:22px;border-radius:5px;background:var(--orange)}
.articles-featured-arrow{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);font-size:22px;cursor:pointer}
.articles-featured-arrow:hover{background:var(--ice)}
.articles-featured-pause{min-height:44px;background:none;border:0;color:var(--muted);font-size:14px;cursor:pointer;padding:8px}
.articles-featured-slide:focus-visible,.articles-featured-controls button:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
@media(max-width:900px), (max-width:1100px) and (hover:none) and (pointer:coarse){
 .articles-featured-arrow,.articles-featured-read{display:none}
 .articles-featured{display:block;max-width:680px;margin:0 auto 40px;min-width:0}
 .articles-featured h2,.articles-all-heading{font-size:24px;line-height:1.5;color:var(--navy);margin:0 0 18px;letter-spacing:0}
 .articles-all-heading{display:block}
 .articles-featured-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(10,49,91,.05)}
 .articles-featured-track::-webkit-scrollbar{display:none}
 .articles-featured-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:block}
 .articles-featured-image{aspect-ratio:16/9;background:var(--ice);overflow:hidden}
 .articles-featured-image img{width:100%;height:100%;object-fit:cover}
 .articles-featured-copy{padding:22px 22px 24px}
 .articles-featured-copy h3{font-size:23px;line-height:1.55;margin:0;color:var(--navy);overflow-wrap:anywhere}
 .articles-featured-copy p{font-size:16px;line-height:1.7;color:var(--muted);margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .articles-featured-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
 .articles-featured-dots{display:flex;flex-wrap:wrap}
 .articles-featured-dots button{width:36px;min-height:44px;display:grid;place-items:center;border:0;background:none;cursor:pointer}
 .articles-featured-dots span{width:7px;height:7px;border-radius:50%;background:#b5c6d4}
 .articles-featured-dots [aria-current=true] span{width:22px;border-radius:5px;background:var(--orange)}
 .articles-featured-pause{min-height:44px;background:none;border:0;color:var(--muted);font-size:14px;cursor:pointer;padding:8px}
 .articles-featured-slide:focus-visible,.articles-featured-controls button:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}
}
