/* ==========================================================================
   News tablet (Detroit-style): white glass UI, thin lines, cyan accent
   ========================================================================== */
.section--news{overflow:hidden}
.tablet-stage{perspective:1700px;display:flex;justify-content:center;padding:6px 0 18px}
.tablet{--rx:0deg;--ry:0deg;--tb-bg:#f2f6f9;--tb-ink:#0b1722;--tb-text:#27394a;--tb-blue:#0777a8;--tb-line:#19b5ea;--tb-rule:rgba(8,40,64,.13);
  width:min(1100px,100%);transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .3s ease-out;transform-style:preserve-3d}
.tablet__bezel{position:relative;padding:clamp(10px,1.6vw,18px);border-radius:clamp(22px,3vw,38px);
  background:linear-gradient(145deg,#30343b 0%,#121418 38%,#07080a 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.1),inset 0 2px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.04),0 60px 90px -40px rgba(0,0,0,.9),0 0 0 8px rgba(255,255,255,.03)}
.tablet__cam{position:absolute;left:clamp(3px,.6vw,7px);top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2e5d78,#07131b)}
.tablet__screen{position:relative;isolation:isolate;display:flex;flex-direction:column;height:clamp(600px,76vh,700px);overflow:hidden;color:var(--tb-ink);
  border-radius:clamp(12px,1.8vw,22px);
  background:radial-gradient(circle at 1px 1px,rgba(7,119,168,.16) 1px,transparent 1.6px) 0 0/22px 22px,var(--tb-bg);
  filter:brightness(.05) saturate(0);transition:filter 1.2s ease-out}
.tablet.is-on .tablet__screen{filter:none}
.tablet__screen::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 26%)}

.t-scan{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none}
.t-scan::before{content:"";position:absolute;left:0;right:0;top:-150px;height:150px;opacity:0;
  background:linear-gradient(180deg,rgba(25,181,234,0) 0%,rgba(25,181,234,.14) 70%,rgba(25,181,234,.5) 97%,#19b5ea 100%)}
.is-scan .t-scan::before{animation:scan .95s cubic-bezier(.45,0,.2,1) forwards}
@keyframes scan{0%{top:-150px;opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}

.t-status{display:flex;align-items:center;justify-content:space-between;gap:16px;height:50px;padding:0 22px;border-bottom:1px solid var(--tb-rule);background:rgba(255,255,255,.7);backdrop-filter:blur(4px)}
.t-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-label);font-weight:700;letter-spacing:.24em;font-size:.95rem;color:var(--tb-ink)}
.t-brand svg{width:20px;height:20px;fill:none;stroke:var(--tb-blue);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.t-brand i{font-style:normal;color:var(--tb-line)}
.t-led{width:7px;height:7px;border-radius:50%;background:var(--tb-line);animation:led 2s infinite}
@keyframes led{0%{box-shadow:0 0 0 0 rgba(25,181,234,.6)}70%,100%{box-shadow:0 0 0 8px rgba(25,181,234,0)}}
.t-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-label);font-weight:700;letter-spacing:.14em;color:var(--tb-ink)}
.t-ico{width:22px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t-ico--bat{width:28px}.t-ico--bat .fill{fill:var(--tb-line);stroke:none}

.t-body{flex:1;display:grid;grid-template-columns:minmax(250px,340px) minmax(0,1fr);min-height:0;overflow:hidden}
.t-list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--tb-rule);background:rgba(255,255,255,.35);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(7,119,168,.35) transparent}
.t-item{position:relative;display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--tb-rule);padding:18px 22px 18px 28px;cursor:pointer;color:var(--tb-ink);transition:background .25s}
.t-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tb-line);transform:scaleY(0);transition:transform .3s}
.t-item:hover{background:rgba(255,255,255,.75)}
.t-item[aria-current]{background:#fff}
.t-item[aria-current]::before{transform:scaleY(1)}
.t-item:focus-visible{outline:2px solid var(--tb-blue);outline-offset:-4px}
.t-item__top{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;font-family:var(--font-label);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem}
.t-item__top em{font-style:normal;color:var(--tb-blue)}
.t-item__top time{color:#566b7e}
.t-item strong{display:block;font-weight:600;font-size:1.02rem;line-height:1.3}
.t-item[aria-current] strong{color:#000}
.t-new{display:inline-block;margin-top:9px;font-family:var(--font-label);font-weight:700;font-size:.72rem;letter-spacing:.22em;background:var(--tb-line);color:#032434;padding:2px 8px;border-radius:2px}

.t-article{display:flex;flex-direction:column;gap:12px;min-height:0;padding:clamp(18px,2.4vw,28px) clamp(20px,3.4vw,44px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(7,119,168,.35) transparent}
.t-art{aspect-ratio:640/220;max-height:176px;flex:0 0 auto;border:1px solid rgba(25,181,234,.5);border-radius:6px;overflow:hidden;background:linear-gradient(180deg,#fff,#e6f0f6)}
.t-art svg{display:block;width:100%;height:100%}
.t-art .ln{fill:none;stroke:#19b5ea;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.t-art .br{fill:none;stroke:#0777a8;stroke-width:2.4}
.t-art .flow{animation:dash 2.2s linear infinite}
@keyframes dash{to{stroke-dashoffset:-18}}
.t-art .pulse{transform-box:fill-box;transform-origin:center;animation:ping 1.9s ease-out infinite}
@keyframes ping{from{transform:scale(.45);opacity:1}to{transform:scale(1.7);opacity:0}}
.t-meta2{display:flex;align-items:center;gap:14px;font-family:var(--font-label);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.86rem}
.t-meta2 em{font-style:normal;color:var(--tb-blue)}
.t-meta2 time{color:#566b7e}
.t-meta2::after{content:"";flex:1;height:1px;background:var(--tb-rule)}
.t-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.3rem,2.3vw,1.85rem);line-height:1.18;letter-spacing:-.012em;color:var(--tb-ink);hyphens:auto;overflow-wrap:break-word;position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.t-p{color:var(--tb-text);font-size:1.04rem;line-height:1.65;max-width:64ch}
.t-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.t-tags li{font-family:var(--font-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:var(--tb-blue);border:1px solid rgba(7,119,168,.4);background:rgba(25,181,234,.08);padding:4px 11px;border-radius:99px}
.t-article.is-anim > *{animation:tin .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 70ms + 140ms)}
.t-article.is-anim > .t-art{animation-name:wipe}
@keyframes tin{from{opacity:0;transform:translateY(10px)}}
@keyframes wipe{from{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}

.t-foot{display:flex;align-items:center;gap:18px;padding:10px 22px;border-top:1px solid var(--tb-rule);background:rgba(255,255,255,.72)}
.t-count{font-weight:600;font-size:.92rem;letter-spacing:.06em;white-space:nowrap}
.t-count i{font-style:normal;color:#8ea2b3}
.t-segs{flex:1;display:flex;gap:6px}
.t-seg{flex:1;height:3px;border-radius:2px;background:rgba(8,40,64,.14);transition:background .3s}
.t-seg.is-on{background:var(--tb-line)}.t-seg.is-past{background:rgba(25,181,234,.4)}
.t-nav{display:flex;gap:8px}
.t-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(7,119,168,.45);background:#fff;border-radius:50%;color:var(--tb-blue);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s}
.t-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.t-btn:hover{background:var(--tb-line);border-color:var(--tb-line);color:#032434}
.t-btn:active{transform:scale(.94)}
.t-btn:focus-visible{outline:2px solid var(--tb-blue);outline-offset:3px}
.t-nojs{padding:30px;color:var(--tb-text)}
.t-src{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;padding-top:12px;border-top:1px solid var(--tb-rule);font-size:.92rem;color:#566b7e}
.t-src b{font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;color:#566b7e}
.t-src a{color:var(--tb-blue);font-weight:600;text-decoration:none;border-bottom:1.5px solid rgba(7,119,168,.35);padding-bottom:1px}
.t-src a:hover{border-color:var(--tb-blue)}
.t-src a:focus-visible{outline:2px solid var(--tb-blue);outline-offset:3px}
.tablet-note{margin-top:22px;text-align:center;font-size:.92rem;color:#8e9db0}


@media (max-width:860px){
  .tablet__screen{height:auto}
  .t-body{overflow:visible}
  .t-article{overflow:visible}
  .t-body{grid-template-columns:1fr}
  .t-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--tb-rule);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .t-item{flex:0 0 min(78vw,290px);width:auto;border-bottom:0;border-right:1px solid var(--tb-rule);scroll-snap-align:start;padding:14px 18px}
  .t-item::before{top:auto;bottom:0;left:0;right:0;width:auto;height:4px;transform:scaleX(0);transform-origin:left}
  .t-item[aria-current]::before{transform:scaleX(1)}
  .t-item strong{font-size:.98rem}
  .t-art{max-height:170px}
  .t-brand{letter-spacing:.16em}
}
@media (max-width:480px){
  .t-status{padding:0 14px}
  .t-ico:not(.t-ico--bat){display:none}
  .t-foot{padding:10px 14px;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .tablet__screen{filter:none}
  .t-article.is-anim > *{animation:none}
}

/* ---- v2: region filters, KPI tiles, auto-advance, source button, pointer glare ---- */
.tablet{--gx:18%;--gy:4%}
.tablet__screen::after{background:radial-gradient(520px circle at var(--gx) var(--gy),rgba(255,255,255,.5),rgba(255,255,255,0) 55%),linear-gradient(115deg,rgba(255,255,255,.28),rgba(255,255,255,0) 26%)}
@media (min-width:861px){.tablet__screen{height:clamp(640px,80vh,740px)}}

.t-side{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--tb-rule);background:rgba(255,255,255,.35)}
.t-side .t-list{flex:1 1 auto;border-right:0;background:none}
.t-filters{display:flex;gap:5px;flex:0 0 auto;padding:10px 12px;border-bottom:1px solid var(--tb-rule);overflow-x:auto;scrollbar-width:none}
.t-filters::-webkit-scrollbar{display:none}
.t-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:99px;border:1px solid rgba(7,119,168,.38);background:#fff;color:var(--tb-blue);font-weight:600;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.t-chip b{font-weight:600;font-size:.72rem;opacity:.65}
.t-chip:hover{border-color:var(--tb-blue)}
.t-chip[aria-pressed="true"]{background:var(--tb-blue);border-color:var(--tb-blue);color:#fff}
.t-chip:focus-visible{outline:2px solid var(--tb-blue);outline-offset:2px}

.t-r-eu::before{background:#5b7cff}.t-r-world::before{background:#10b58b}.t-r-co::before{background:#d52b1e}
.t-r-eu .t-item__top em{color:#3a55d6}.t-r-world .t-item__top em{color:#00795f}.t-r-co .t-item__top em{color:#b3261e}

.t-art{position:relative;aspect-ratio:640/200;max-height:150px;flex:0 0 auto}
.t-live{position:absolute;left:10px;top:9px;display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 8px;border-radius:3px;background:rgba(255,255,255,.88);color:#566b7e;font-weight:600;font-size:.7rem;letter-spacing:.18em}
.t-live i{width:6px;height:6px;border-radius:50%;background:#9fb0c0}
.t-live.is-live{color:#b3261e}
.t-live.is-live i{background:#e53935;animation:led 1.6s infinite}
.t-kpi{position:absolute;right:10px;bottom:9px;max-width:60%;padding:6px 12px 7px;text-align:right;border:1px solid rgba(25,181,234,.55);border-radius:5px;background:rgba(255,255,255,.93);box-shadow:0 8px 20px -10px rgba(7,119,168,.55)}
.t-kpi b{display:block;font-weight:600;font-size:1.45rem;line-height:1.1;letter-spacing:-.01em;color:var(--tb-blue)}
.t-kpi span{display:block;margin-top:1px;font-weight:600;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#566b7e}
.t-p{font-size:1rem;line-height:1.6}
.t-end{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin-top:auto;padding-top:6px}
.t-end .t-tags{margin:0;padding:0}
.t-cta{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:var(--tb-blue);color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap;transition:background .2s,transform .15s}
.t-cta:hover{background:#05597d}
.t-cta:active{transform:scale(.97)}
.t-cta:focus-visible{outline:2px solid var(--tb-blue);outline-offset:3px}

.t-seg{position:relative;overflow:hidden;height:4px}
.t-seg.is-on,.t-seg.is-past{background:rgba(8,40,64,.14)}
.t-seg i{display:block;height:100%;width:0;background:var(--tb-line)}
.t-seg.is-on i{width:100%}
.t-seg.is-past i{width:100%;background:rgba(25,181,234,.45)}
.t-seg.is-run i{width:0;animation:segfill var(--dur,11s) linear forwards}
@keyframes segfill{to{width:100%}}
.tablet.is-hold .t-seg.is-run i,.tablet.is-off .t-seg.is-run i{animation-play-state:paused}
.t-play .i-play path{fill:currentColor}
.t-play[aria-pressed="true"] .i-play,.t-play[aria-pressed="false"] .i-pause{display:none}
.t-play[aria-pressed="true"]{background:var(--tb-blue);color:#fff;border-color:var(--tb-blue)}

@media (max-width:860px){
  .t-body{grid-template-columns:minmax(0,1fr)}
  .t-side,.t-article{min-width:0;max-width:100%}
  .t-side{border-right:0;border-bottom:1px solid var(--tb-rule)}
  .t-side .t-list{flex:0 0 auto}
  .t-filters{padding:8px 12px}
  .t-art{max-height:132px}
  .t-kpi{padding:4px 9px 5px;max-width:64%}
  .t-kpi b{font-size:1.02rem}
  .t-kpi span{font-size:.58rem;letter-spacing:.05em}
  .t-end{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .t-seg.is-run i{animation:none;width:100%}
}