/* ═══════════════════════════════════════════════════════════════════════════
   Featured politics markets — landing-page slider (2026-09-15)
   Markup + script: the POLITICS-FEATURED block in index.html, just above
   #roundBoard. Uses the instrument skin's tokens (land-skin.css). No font
   rules on purpose: the skin's site-wide !important mono rule applies.
   Remove = delete the block in index.html (this file can stay or go).
   ═══════════════════════════════════════════════════════════════════════════ */
#polFeatured[hidden]{display:none!important}

.pf-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;margin-bottom:22px}
.pf-ctl{display:flex;align-items:center;gap:10px;flex:none}
.pf-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border-radius:10px;border:1px solid var(--hair-2);
  background:var(--panel);color:var(--t);cursor:pointer;transition:border-color .2s,color .2s}
.pf-btn:hover{border-color:rgba(255,179,107,.45);color:var(--amber-hi)}
.pf-btn:focus-visible,.pf-dot:focus-visible,.pf-slide:focus-visible{outline:2px solid var(--amber-hi);outline-offset:3px}
.pf-btn svg{width:16px;height:16px}
.pf-btn.prev svg{transform:scaleX(-1)}
.pf-count{min-width:48px;text-align:center;font-size:12px;color:var(--t-low);font-variant-numeric:tabular-nums}

.pf-view{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--hair);background:var(--panel);touch-action:pan-y}
.pf-track{display:flex;transition:transform .6s cubic-bezier(.22,.7,.2,1);will-change:transform}
.pf-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);text-decoration:none!important;color:inherit}

.pf-l{min-width:0;display:flex;flex-direction:column;gap:12px;padding:30px 32px;border-right:1px solid var(--hair)}
.pf-cap{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .6rem;margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-hi)}
.pf-cap::before{content:"";width:18px;height:1px;background:currentColor;opacity:.75;flex:none}
.pf-cap .pf-st{color:var(--t-low)}
.pf-q{margin:0;font-size:clamp(1.25rem,2.2vw,1.7rem);font-weight:600;line-height:1.2;letter-spacing:-.025em;color:var(--t-hi)}
.pf-lede{margin:0;font-size:13.5px;line-height:1.65;color:var(--t-mid);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pf-meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:auto;padding-top:6px;font-size:12px;color:var(--t-low)}
.pf-meta b{font-weight:500;color:var(--t)}
.pf-go{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--amber-hi)}
.pf-go svg{width:14px;height:14px;transition:transform .2s}
.pf-slide:hover .pf-go svg{transform:translateX(3px)}

.pf-r{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:26px 30px;background:rgba(255,236,214,.012)}
.pf-o{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:baseline}
.pf-o span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--t)}
.pf-o b{font-size:17px;font-weight:500;color:var(--t-hi);font-variant-numeric:tabular-nums;white-space:nowrap}
.pf-o b small{margin-left:8px;font-size:11.5px;font-weight:400}
.pf-bar{grid-column:1/-1;height:6px;border-radius:3px;background:rgba(255,236,214,.06);overflow:hidden}
.pf-bar i{display:block;height:100%;border-radius:3px;transition:width .6s}
.pf-up{color:#44c98c} .pf-down{color:#e0705e} .pf-flat{color:var(--t-low)}
.pf-foot{font-size:11.5px;color:var(--t-low)}

.pf-prog{position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none}
.pf-prog i{display:block;width:0;height:100%;background:var(--amber)}
.pf-prog i.run{animation:pfFill 6500ms linear forwards}
.pf-view.paused .pf-prog i{animation-play-state:paused}
@keyframes pfFill{to{width:100%}}

.pf-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
.pf-dot{position:relative;width:34px;height:22px;padding:0;border:0;background:none;cursor:pointer}
.pf-dot::after{content:"";position:absolute;left:4px;right:4px;top:9px;height:4px;border-radius:2px;background:rgba(255,236,214,.14);transition:background .2s}
.pf-dot:hover::after{background:rgba(255,236,214,.3)}
.pf-dot[aria-current="true"]::after{background:var(--amber)}

@media (max-width:860px){
  .pf-slide{grid-template-columns:minmax(0,1fr)}
  .pf-l{padding:24px 22px;border-right:0;border-bottom:1px solid var(--hair)}
  .pf-r{padding:20px 22px}
}
@media (prefers-reduced-motion:reduce){.pf-track,.pf-bar i{transition:none}.pf-prog{display:none}}