:root{--red:#c4121b;--red2:#e0242d;--ink:#14171c;--mut:#5d6675;--line:#e5e7eb;--bg:#fff;--soft:#f5f6f8;--card:#fff;--band:#101318;--bandink:#f2f3f5;--hl:#fff4d6;--fs:1;--shadow:0 10px 30px rgba(15,20,30,.08)}
:root[data-theme=dark]{--red:#ef3b44;--red2:#ff5a62;--ink:#e9ecf1;--mut:#9aa3b2;--line:#262b34;--bg:#0d1014;--soft:#151a21;--card:#131820;--band:#07090c;--bandink:#f2f3f5;--hl:#2a2410;--shadow:0 10px 30px rgba(0,0,0,.4)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:Mukta,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:18px;line-height:1.65;overflow-x:hidden;transition:background .2s,color .2s}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:4px}
.wrap{max-width:1240px;margin:0 auto;padding:0 16px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--bg);padding:8px 12px}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--red);z-index:60;transition:width .1s}
/* utility bar */
.util{background:var(--band);color:#c9ced8;font-size:14px}.ub{display:flex;align-items:center;gap:14px;height:38px}.util .sp{flex:1}
.clock{color:#fff;font-weight:600}.soc{display:flex;gap:10px;align-items:center}.soc a{display:inline-flex;opacity:.85}.soc a:hover{opacity:1;color:var(--red2)}
.lang{border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:1px 12px;font-weight:600;font-size:14px}.lang:hover{background:var(--red);border-color:var(--red);color:#fff}
.icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:99px}.icon:hover{background:rgba(127,127,127,.15)}
.theme svg:last-child{display:none}[data-theme=dark] .theme svg:first-child{display:none}[data-theme=dark] .theme svg:last-child{display:inline}
/* header */
.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:saturate(1.6) blur(10px);-webkit-backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:18px;height:68px}.logo{display:flex;align-items:center;gap:8px;white-space:nowrap}.logo .mk{height:44px;width:auto}
.logo span{font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1}.logo b{color:var(--red)}.logo small{display:block;font-size:11px;font-weight:600;color:var(--mut);letter-spacing:.3px}
.mk.d{display:none}[data-theme=dark] .top .mk.l,[data-theme=dark] .drawer .mk.l{display:none}[data-theme=dark] .top .mk.d,[data-theme=dark] .drawer .mk.d{display:inline}
.nav{display:flex;gap:4px;flex:1;overflow:hidden}.nav a,.catbar a{padding:6px 10px;border-radius:8px;font-weight:600;font-size:16px;white-space:nowrap}
.nav a:hover,.catbar a:hover{color:var(--red)}.nav a.on,.catbar a.on{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}
.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:99px;background:var(--soft);padding-left:12px}
.search input{border:0;background:none;color:var(--ink);font:inherit;font-size:15px;width:170px;outline:0}.search button{width:38px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--mut)}
.burger{display:none}.mob{display:none;align-items:center;gap:4px}.mob .lang{border-color:var(--line)}
.catbar{display:none;gap:4px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.catbar::-webkit-scrollbar{display:none}
/* ticker */
.ticker{background:var(--soft);border-bottom:1px solid var(--line);font-size:15px}.tk{display:flex;align-items:center;gap:12px;height:42px;overflow:hidden}
.tk-l{display:inline-flex;align-items:center;gap:4px;background:var(--red);color:#fff;font-weight:700;padding:2px 12px 2px 8px;border-radius:99px;flex:none}.tk-l svg{width:16px;height:16px}
.tk-m{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.tk-t{display:flex;gap:40px;width:max-content;animation:tk 90s linear infinite}
.tk-t a{white-space:nowrap;font-weight:600}.tk-t a::before{content:"●";color:var(--red);font-size:10px;margin-right:10px;vertical-align:middle}.tk:hover .tk-t{animation-play-state:paused}
@keyframes tk{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.tk-t{animation:none}}
/* drawer */
.drawer{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:70}.dr-in{position:absolute;inset:0 auto 0 0;width:min(86vw,360px);background:var(--bg);padding:14px 18px;overflow:auto;box-shadow:var(--shadow);animation:dr .2s ease-out}
@keyframes dr{from{transform:translateX(-100%)}}.dr-h{display:flex;align-items:center;justify-content:space-between}.drawer nav{display:flex;flex-direction:column;margin:10px 0}
.drawer nav a{padding:11px 4px;border-bottom:1px solid var(--line);font-weight:600;font-size:19px}.dr-s input{width:100%;margin-top:12px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--ink);font:inherit}
.dr-f{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.dr-f .lang{border-color:var(--line)}
/* sections & cards */
.sec{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;margin:34px 0 14px;padding-left:12px;border-left:5px solid var(--red);line-height:1.3}
.sec .more{margin-left:auto;font-size:15px;font-weight:600;color:var(--red)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .15s,box-shadow .15s;min-width:0}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card img,.noimg{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--soft)}
.ct{padding:10px 12px 14px}.card h3{font-size:18px;line-height:1.4;margin:3px 0 6px;font-weight:700}.card.big h3{font-size:24px}.card p{color:var(--mut);font-size:16px;margin:0 0 6px}
.card:hover h3,.row:hover h3,.num:hover h3{color:var(--red)}
.cat{display:inline-flex;align-items:center;gap:4px;color:var(--red);font-weight:700;font-size:14px}.cat svg{width:16px;height:16px}time{color:var(--mut);font-size:13px}
.lead{position:relative;display:block;border-radius:16px;overflow:hidden;background:#000;min-height:100%}.lead img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;opacity:.92;transition:transform .4s}
.lead:hover img{transform:scale(1.03)}.lead-t{position:absolute;inset:auto 0 0 0;padding:26px 22px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.85) 45%)}
.lead-t .cat{background:var(--red);color:#fff;padding:1px 10px;border-radius:99px}.lead h2{font-size:32px;line-height:1.3;margin:8px 0}.lead p{margin:0 0 6px;color:#dfe3ea;font-size:17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lead time{color:#c7ccd6}
.top-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:20px;margin-top:22px}
.rows{display:flex;flex-direction:column;gap:12px}.row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:0}.row img,.row .noimg{border-radius:10px;aspect-ratio:16/10;object-fit:cover;width:100%}.row h3{font-size:17px;line-height:1.4;margin:2px 0 4px;font-weight:700}
.split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}
/* bulletin band */
.band{background:var(--band);color:var(--bandink);border-radius:18px;padding:18px;margin:30px 0}.band-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:center}
.band .cat{color:#ff5a62}.band h2{font-size:26px;line-height:1.35;margin:6px 0 16px}.band h3{margin:18px 0 10px;font-size:18px;color:#c9ced8}
.hscroll{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}.bt{flex:0 0 220px;scroll-snap-align:start}
.bt img{border-radius:10px;aspect-ratio:16/9;object-fit:cover;width:100%}.bt span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.4;margin-top:6px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;padding:9px 18px;border-radius:99px;font-weight:700}.btn:hover{background:var(--red2)}
.yt{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;cursor:pointer}.yt img{width:100%;height:100%;object-fit:cover;opacity:.9}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.yt .play{position:absolute;inset:0;margin:auto;width:72px;height:50px;border-radius:14px;background:#e3131c;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.yt .play svg{width:30px;height:30px}.yt:hover .play{background:#ff2a33}.bpage{max-width:900px;margin:0 auto 10px}
/* two columns */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:30px;align-items:start}.cols .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.side{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px;margin-top:34px}
.box{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.box h3{margin:0 0 8px;font-size:19px;font-weight:800}
.nums{display:flex;flex-direction:column}.num{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.num:last-child{border:0}
.num b{font-size:26px;line-height:1;color:var(--red);opacity:.85}.num h3{font-size:16px;line-height:1.4;margin:0 0 2px;font-weight:600}
.follow p{color:var(--mut);font-size:15px;margin:0 0 10px}.follow .btn{width:100%;justify-content:center;margin-top:8px}.btn.ytb{background:#e3131c}.btn.fb{background:#1877f2}
.fx table{width:100%;border-collapse:collapse;font-size:15px}.fx th{color:var(--mut);font-weight:600;text-align:right;font-size:13px}.fx td{padding:4px 0;border-bottom:1px dashed var(--line);text-align:right}
.fx td:first-child{text-align:left}.fx small{color:var(--mut)}.src{color:var(--mut);font-size:12px;margin:8px 0 0}
.wx ul{list-style:none;margin:0;padding:0}.wx li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line);font-size:16px}.wx li:last-child{border:0}.wx b{font-size:17px}
/* article */
.story{max-width:780px;margin:22px 0}.crumb{font-size:14px;color:var(--mut);margin-bottom:6px}.crumb a:hover{color:var(--red)}
.story h1{font-size:38px;line-height:1.3;margin:4px 0 10px;letter-spacing:-.3px}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--mut);font-size:15px;margin-bottom:16px}
.otherlang{border:1px solid var(--line);border-radius:99px;padding:0 10px;font-weight:600;color:var(--red)}.fs{margin-left:auto;display:flex;gap:4px}
.fs button{border:1px solid var(--line);border-radius:8px;padding:0 9px;font-weight:700;font-size:14px;color:var(--mut)}.fs button:hover{color:var(--red);border-color:var(--red)}
.story figure{margin:0 0 18px}.story figure img{width:100%;border-radius:14px;aspect-ratio:16/9;object-fit:cover}.story figcaption{color:var(--mut);font-size:13px;margin-top:5px}
.text p{font-size:calc(20px * var(--fs));line-height:1.8;margin:0 0 18px}.text p:first-child::first-letter{font-size:1.1em;font-weight:800}
.video h2,.sources h2{display:flex;align-items:center;gap:6px;font-size:21px;margin:28px 0 10px}.video h2 svg{color:var(--red)}.sources ul{padding-left:20px;color:var(--mut);font-size:16px}.sources a{text-decoration:underline;text-underline-offset:3px}
.share{display:flex;align-items:center;gap:8px;margin:24px 0;flex-wrap:wrap}.share span{font-weight:700;margin-right:4px}.share .s{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:99px;color:#fff}
.s.fb{background:#1877f2}.s.wa{background:#25d366}.s.x{background:#111;border:1px solid #333}.s.cp{background:var(--mut)}.s.cp.ok{background:#15803d}
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 24px}.pn{border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:600;line-height:1.4}
.pn small{display:block;color:var(--red);font-weight:700}.pn.n{text-align:right;grid-column:2}.pn:hover{border-color:var(--red)}
.story .follow{margin-top:20px}.story .follow .btn{width:auto;margin-right:8px}
/* lists */
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:26px 0}.pager a{border:1px solid var(--line);border-radius:10px;padding:4px 12px;font-weight:600}.pager a.on,.pager a:hover{background:var(--red);border-color:var(--red);color:#fff}
.bigsearch input{width:100%;padding:14px 18px;font:inherit;font-size:19px;border-radius:14px;border:1px solid var(--line);background:var(--soft);color:var(--ink)}
.results{display:flex;flex-direction:column;margin-top:14px}.results a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line);align-items:center}
.results img{border-radius:8px;aspect-ratio:16/10;object-fit:cover;width:100%;background:var(--soft)}.results b{font-weight:700;line-height:1.4}.results small{color:var(--mut)}
mark{background:var(--hl);color:inherit;border-radius:3px}
/* footer */
.foot{margin-top:56px;background:var(--band);color:#c9ced8;padding:34px 0 90px;font-size:15px}.foot .logo span{color:#fff;font-size:26px}.fg{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:30px}
.foot h4{color:#fff;margin:0 0 10px;font-size:17px}.fl{display:flex;flex-wrap:wrap;gap:8px 16px}.foot a:hover{color:#fff}.soc.big a{width:40px;height:40px;border-radius:99px;background:rgba(255,255,255,.08);justify-content:center}
.promo{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.06);border-radius:12px;padding:8px 10px;margin-bottom:12px}.promo img{border-radius:10px}
.small{color:#8a93a3;font-size:13px;margin-top:22px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
/* bottom nav + to top */
.bnav{display:none}.totop{position:fixed;right:16px;bottom:24px;width:44px;height:44px;border-radius:99px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s;z-index:30}
.totop.show{opacity:1;pointer-events:auto}
/* responsive */
@media(max-width:1100px){.nav{display:none}.catbar{display:flex}.cols{grid-template-columns:minmax(0,1fr)}.side{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search{margin-left:auto}}
@media(max-width:820px){.util{display:none}.burger{display:inline-flex}.search{display:none}.mob{display:flex;margin-left:auto}.bar{height:60px;gap:8px}.logo .mk{height:38px}.logo span{font-size:24px}
.grid,.cols .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.top-grid,.band-in,.split{grid-template-columns:minmax(0,1fr)}.lead h2{font-size:25px}.fg{grid-template-columns:minmax(0,1fr)}
.bnav{display:flex;position:fixed;inset:auto 0 0 0;z-index:50;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.bnav a,.bnav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:12px;font-weight:600;padding:7px 0;color:var(--mut)}.bnav a:hover,.bnav button:hover{color:var(--red)}
.totop{bottom:76px}.story h1{font-size:29px}.card h3{font-size:16.5px}.ct{padding:8px 10px 12px}.side{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.grid,.cols .grid{grid-template-columns:minmax(0,1fr)}.row{grid-template-columns:112px minmax(0,1fr)}.lead img{aspect-ratio:4/3}.band{border-radius:0;margin:24px -16px;padding:16px}
.sec{font-size:21px}.fs{margin-left:0}.pnav{grid-template-columns:minmax(0,1fr)}.pn.n{grid-column:1}.results a{grid-template-columns:96px minmax(0,1fr)}.mob .lang{padding:1px 8px;font-size:13px}}