/* v1.0.6: one isolated component. Existing header, news columns and theme tokens stay intact. */
.popular-slider{margin:0 0 42px;min-width:0;--slide-image-height:clamp(280px,33vw,455px)}
.popular-slider-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.popular-slider-heading h2{font-size:22px;line-height:1.4;margin:0;letter-spacing:-.3px}
.popular-slider-heading>span{color:var(--muted);font-size:12px}
.popular-slider-stage{position:relative;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card)}
.popular-slide-image-link{display:flex;height:var(--slide-image-height);background:#081811;position:relative;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;touch-action:pan-y pinch-zoom}
.popular-slide-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.popular-slide-backdrop{position:absolute;inset:-25px;width:calc(100% + 50px);height:calc(100% + 50px);max-width:none;object-fit:cover;filter:blur(20px) brightness(.45);opacity:.75;pointer-events:none}
.popular-slide-image-error{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;color:#f3f5f4;padding:30px 65px;text-align:center;max-width:620px}
.popular-slide-caption{min-height:156px;padding:22px 26px;position:relative;background:var(--card)}
.popular-slide-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 17px;color:var(--muted);font-size:12px;margin-bottom:10px}
.popular-slide-meta>span:not(.category){display:inline-flex;align-items:center;gap:6px}
.popular-slide-caption h3{font-size:26px;line-height:1.3;letter-spacing:-.4px;margin:0 0 12px;overflow-wrap:anywhere}
.popular-slide-caption h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.popular-slide-read{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:13px;color:var(--gold-text)}
.popular-slider-arrow{position:absolute;top:calc(var(--slide-image-height)/2 - 24px);z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff7a;background:#071a13df;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0003}
.popular-slider-arrow:hover{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}
.popular-slider-prev{left:18px}.popular-slider-next{right:18px}
.popular-slider-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding-top:8px}
.popular-slider-rotation{justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 4px;font-size:12px;color:var(--text);white-space:nowrap}
.popular-slider-dots{display:flex;align-items:center;justify-content:center;gap:0}
.popular-slider-dots button{width:38px;height:44px;padding:0;display:grid;place-items:center}
.popular-slider-dots button span{width:7px;height:7px;border-radius:10px;background:var(--muted);opacity:.65;transition:width .18s,background .18s}
.popular-slider-dots button[aria-pressed=true] span{width:24px;opacity:1;background:var(--accent)}
.popular-slider-counter{justify-self:end;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:1px}
.popular-slider a:focus-visible,.popular-slider button:focus-visible{outline:3px solid var(--focus);outline-offset:-4px}
@media(min-width:900px){.popular-slide-caption{height:176px}.popular-slide-caption h3{max-width:1150px}}
@media(max-width:720px){.popular-slider{--slide-image-height:clamp(200px,51vw,360px);margin-bottom:30px}.popular-slider-heading{align-items:flex-start}.popular-slider-heading h2{font-size:18px}.popular-slider-heading>span{font-size:10px;text-align:right;max-width:120px}.popular-slide-caption{height:188px;padding:16px 18px}.popular-slide-caption h3{font-size:21px;line-height:1.38}.popular-slide-caption h3 a{-webkit-line-clamp:3}.popular-slide-meta{font-size:11px;gap:7px 10px}.popular-slider-arrow{width:44px;height:44px;top:calc(var(--slide-image-height)/2 - 22px)}.popular-slider-prev{left:10px}.popular-slider-next{right:10px}.popular-slider-controls{grid-template-columns:44px 1fr 56px;gap:6px}.popular-slider-rotation{width:44px;justify-content:center}.popular-slider-rotation span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.popular-slider-dots button{width:32px}.popular-slider-counter{font-size:11px;letter-spacing:.5px}.popular-slide-read{font-size:12px}}
@media(max-width:360px){.popular-slider-dots button{width:27px}.popular-slider-controls{grid-template-columns:38px 1fr 48px;gap:2px}.popular-slider-heading>span{max-width:98px}.popular-slide-caption h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.popular-slider *{transition:none!important;animation:none!important}}