:where(:root){--color-primary: #ffd60a;--color-on-primary: #14161b;--color-accent: #14161b;--color-on-accent: #ffffff;--color-background: #f7f7f4;--color-surface: #ffffff;--color-surface-alt: #eeefea;--color-text: #14161b;--color-muted: #5b616b;--color-line: #dedfd9;--color-link: #1a4fd6;--color-breaking: #d7261b;--color-on-breaking: #ffffff;--color-highlight-soft: #fff3b0;--font-sans:Onest,system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Schibsted Grotesk",Onest,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
body{--paper:var(--color-background);--surface:var(--color-surface);--sunk:var(--color-surface-alt);--line:var(--color-line);--ink:var(--color-accent);--ink2:#2a2e36;--muted:var(--color-muted);--flash:var(--color-primary);--on-flash:var(--color-on-primary);--flash-soft:var(--color-highlight-soft);--live:var(--color-breaking);--link:var(--color-link);--ok:#0f7a4f;--warn:#9a5b00;--r6:6px;--r10:10px;--r18:18px;--sh:0 1px 2px rgba(20,22,27,.05),0 8px 24px -12px rgba(20,22,27,.18)}
:root[data-scheme="dark"]{body{--color-background: #0f1115;--color-surface: #181b21;--color-surface-alt: #22262e;--color-text: #eef0f3;--color-muted: #a3a9b3;--color-line: #2c3038;--color-link: #8ab4ff;--color-highlight-soft: #3a3412;--ink2:#d5d8de}
.logo,.icobtn,.btn-ghost,.sh .all,.nav a,.mnav .sheet a,.crumb a:hover,.pager a,.reader-pagination a{color:var(--color-text)}
.sh{border-top-color:var(--color-text)}
.sh h2::before,.panel .ph::before,.cat-h h1::before,.pg-h h1::before{border-color:var(--color-text)}
.body{color:var(--color-text)}.body p.first::first-letter,.body>p:first-of-type::first-letter{color:var(--color-text)}
.tabbar{background:var(--color-surface)}.ltab tr:hover td{background:var(--color-surface-alt)}
.btn-ink{background:var(--color-text);color:var(--color-background)}}


*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--ink)}
img{display:block}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15}
p{margin:0}
button{font:inherit;cursor:pointer}
.d{font-family:var(--font-display);letter-spacing:-.02em}
.mono{font-family:var(--font-mono);letter-spacing:0}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.row{display:flex;align-items:center}
.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}
.grow{flex:1 1 auto;min-width:0}
.muted{color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}


.ubar{background:var(--ink);color:#c9ccd3;font-size:12px;height:36px}
.ubar .wrap{display:flex;align-items:center;gap:24px;height:36px}
.ubar a{color:#c9ccd3}.ubar a:hover{color:#fff}
.ubar .tick{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11.5px;white-space:nowrap;min-width:0}
.tick__vp{flex:1 1 auto;min-width:0;overflow:hidden}
.tick:not(.is-run) .tick__vp{overflow-x:auto;scrollbar-width:none}.tick:not(.is-run) .tick__vp::-webkit-scrollbar{display:none}
.tick.is-run .tick__vp{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.tick__track{display:flex;gap:18px;width:max-content}
.tick__track>span{display:inline-flex;gap:5px;align-items:baseline}
.tick.is-run .tick__track{animation:tick var(--tk-d,40s) linear infinite}
.tick.is-paused .tick__track{animation-play-state:paused}
@media (hover:hover){.tick.is-run:hover .tick__track{animation-play-state:paused}}
.tick.is-run:has(.tick__track a:focus-visible) .tick__track{animation-play-state:paused}
@keyframes tick{to{transform:translate3d(calc(-1 * var(--tk-w,0px)),0,0)}}
.tick__btn{flex:none;width:22px;height:22px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#c9ccd3;cursor:pointer;display:inline-grid;place-items:center;padding:0}
.tick__btn:hover{color:#fff;border-color:#fff}
.tick__btn::before{content:"";width:6px;height:8px;border-left:2px solid currentColor;border-right:2px solid currentColor;box-sizing:border-box}
.tick__btn[aria-pressed="true"]::before{width:0;height:0;border:0;border-left:7px solid currentColor;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;margin-left:2px}
.ubar .tick b{color:#fff;font-weight:500}
.up{color:#6fd49a}.dn{color:#ff8a80}
.live{display:inline-flex;align-items:center;gap:6px;background:var(--live);color:#fff;font-weight:700;font-size:11px;letter-spacing:.08em;padding:3px 9px;border-radius:999px}
.live i,.pulse{width:7px;height:7px;border-radius:50%;background:var(--surface);display:inline-block;animation:pulse 1.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}100%{box-shadow:0 0 0 7px rgba(255,255,255,0)}}


.hdr{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;transition:box-shadow .2s,transform .25s ease}
.hdr.is-stuck{box-shadow:0 6px 18px -12px rgba(20,22,27,.45)}
.hdr .wrap{display:flex;align-items:center;gap:28px;height:84px}
.logo{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-display);font-weight:800;font-size:32px;letter-spacing:-.05em;color:var(--ink)}
.logo svg{display:block}
.logo small{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;font-weight:500;color:var(--muted);margin-left:8px;align-self:flex-end;margin-bottom:6px}
.nav{display:flex;gap:4px;flex:1 1 auto;min-width:0}
.nav a{font-family:var(--font-display);font-weight:700;font-size:14.5px;letter-spacing:-.01em;padding:10px 12px;border-radius:var(--r6);position:relative;white-space:nowrap}
.nav a:hover{background:var(--sunk)}
.nav a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:3px;background:var(--flash);border-radius:2px}
.icobtn{width:42px;height:42px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
@media (max-width:359px){.hdr-member{display:none!important}}
.hdr .wm{--wm-size:42px;--wm-radius:var(--r6)}.hdr .wm-btn{border-color:var(--line);background:var(--surface);color:var(--ink)}.hdr .wm-btn:hover{background:var(--sunk);border-color:var(--line)}.hdr .wm.is-member .wm-btn{border:0;border-radius:50%;background:var(--flash);color:var(--on-flash)}.hdr .wm.is-member .wm-btn:hover{box-shadow:0 0 0 2px var(--flash)}
.icobtn:hover{background:var(--sunk)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--r6);font-weight:700;font-size:14px;border:1px solid transparent;white-space:nowrap}
.btn-flash{background:var(--flash);color:var(--ink)}.btn-flash:hover{background:#f5cd00}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#000;color:#fff}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--sunk)}
.btn-sm{height:34px;padding:0 12px;font-size:13px}


.flash-bar{background:var(--flash);color:var(--ink);height:46px}
.flash-bar .wrap{display:flex;align-items:center;gap:16px;height:46px}
.sd-chip{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.1em;padding:0 12px;height:30px;border-radius:var(--r6);flex:none}
.sd-chip i{width:8px;height:8px;border-radius:50%;background:var(--live);animation:pulse2 1.4s ease-out infinite}
@keyframes pulse2{0%{box-shadow:0 0 0 0 rgba(215,38,27,.55)}100%{box-shadow:0 0 0 7px rgba(215,38,27,0)}}
.sd-items{display:flex;overflow:hidden;white-space:nowrap;font-weight:600;font-size:14px;flex:1 1 auto;min-width:0;scrollbar-width:none}
.sd-track{display:flex;gap:28px;width:max-content}
.sd-items.is-run{-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 28px),transparent)}
.sd-items.is-run .sd-track{will-change:transform}
.sd-items span{display:inline-flex;gap:10px;align-items:center}
.sd-items time{font-family:var(--font-mono);font-size:12px;font-weight:500;background:rgba(20,22,27,.09);padding:2px 7px;border-radius:4px}
.sd-nav{display:flex;gap:4px;flex:none}
.sd-nav button{width:30px;height:30px;border-radius:var(--r6);border:1px solid rgba(20,22,27,.25);background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}


.chip{display:inline-flex;align-self:flex-start;align-items:center;height:22px;padding:0 8px;border-radius:4px;background:var(--flash);color:var(--ink);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.chip.ink{background:var(--ink);color:#fff}
.chip.live{background:var(--live);color:#fff;gap:6px}
.chip.soft{background:var(--sunk);color:var(--ink2)}
.meta{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}
.meta i{width:3px;height:3px;border-radius:50%;background:var(--muted);display:inline-block}
.sh{display:flex;align-items:flex-end;justify-content:space-between;border-top:3px solid var(--ink);padding-top:14px;margin-bottom:22px}
.sh h2{font-size:26px;font-weight:800;display:flex;align-items:center;gap:12px}
.sh h2::before{content:"";width:10px;height:10px;border:4px solid var(--ink);border-radius:50%;background:var(--flash);flex:none}
.sh .all{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--ink);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface)}
.sh .all:hover{background:var(--sunk)}
.sh .sub{display:flex;gap:6px}
.sh .sub a{font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 10px;border-radius:999px}
.sh .sub a.on,.sh .sub a:hover{background:var(--ink);color:#fff}
.sec{padding:40px 0 8px}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.card .im{aspect-ratio:16/10;width:100%;object-fit:cover;background:var(--sunk)}
.card .bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
.card h3{font-size:17px;font-weight:700;line-height:1.3}
.card h3.lg{font-size:21px}
.card p{font-size:13.5px;color:var(--muted);line-height:1.5}
.card .meta{margin-top:auto}

.ocard{position:relative;border-radius:var(--r10);overflow:hidden;background:var(--ink);color:#fff;display:flex;align-items:flex-end;min-height:280px;isolation:isolate}
.ocard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
.ocard:hover img{transform:scale(1.03)}
.ocard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,22,27,0) 30%,rgba(20,22,27,.55) 65%,rgba(20,22,27,.92) 100%)}
.ocard .bd{padding:22px 24px;display:flex;flex-direction:column;gap:10px;width:100%}
.ocard h3{font-size:22px;font-weight:800;line-height:1.2}
.ocard p{font-size:14px;color:#d8dbe1;line-height:1.5}
.ocard .meta{color:#c9ccd3}.ocard .meta i{background:#c9ccd3}

.list{display:flex;flex-direction:column}
.list a{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.list a:last-child{border-bottom:0}
.list .th{width:92px;height:64px;border-radius:var(--r6);object-fit:cover;flex:none;background:var(--sunk)}
.list h4{font-size:14.5px;font-weight:700;line-height:1.35}
.list .n{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--muted);width:26px;flex:none;padding-top:2px}
.list .meta{margin-top:6px}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:18px 20px}
.panel .ph{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.panel .ph::before{content:"";width:8px;height:8px;border:3px solid var(--ink);border-radius:50%;background:var(--flash)}


.rail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);display:flex;flex-direction:column;overflow:hidden}
.rail .rh{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:800;font-size:14px}
.rail .rh .rh-r{display:flex;align-items:center;gap:6px}
.rail .rh .rh-n{font-family:var(--font-mono);font-weight:500;font-size:11.5px;color:var(--muted);margin-right:4px;font-variant-numeric:tabular-nums}
.rail .rh button{width:26px;height:26px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.rail .rh button:hover{background:var(--flash);border-color:var(--flash)}
.rail a[hidden],.hero-main [hidden]{display:none!important}
.subp{display:contents}.subp[hidden]{display:none}
.ubar [data-service="weather"]{flex-wrap:nowrap!important;flex:none}
.eco .mkt>a.btn,.eco .wx>a.sel{margin-top:auto!important}
.eco .card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.wx .wx-days{display:none;list-style:none;margin:2px 0 0;padding:0;border-top:1px solid rgba(20,22,27,.14)}
.eco--1 .wx .wx-days{display:block}
.wx .wx-days li{display:grid;grid-template-columns:minmax(0,1fr) 22px 38px 34px;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(20,22,27,.1);font-size:13px}
.wx .wx-days li span{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.wx .wx-days b{text-align:right;font-family:var(--font-display);font-weight:800}.wx .wx-days i{text-align:right;font-style:normal;opacity:.6}
.sub-sw .subp:not([hidden])>*{animation:subIn .28s ease both}@keyframes subIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dark .sh .sub a{color:#9ea3ad}.dark .sh .sub a.on,.dark .sh .sub a:hover{color:#fff}
.rail a{display:flex;gap:14px;padding:13px 18px;border-bottom:1px solid var(--line);position:relative;align-items:flex-start}
.rail a:last-child{border-bottom:0}
.rail a:hover{background:var(--sunk)}
.rail a.on{background:var(--flash-soft)}
.rail a.on::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:62%;background:var(--flash)}
.rail .n{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--muted);padding-top:3px;width:22px;flex:none}
.rail a.on .n{color:var(--ink)}
.rail h4{font-size:14.5px;font-weight:700;line-height:1.35}
.rail .meta{margin-top:5px}


.mkt{background:var(--ink);color:#fff;border-radius:var(--r10);padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.mkt .ph{font-family:var(--font-display);font-weight:800;font-size:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.mkt .ph span{font-family:var(--font-mono);font-size:11px;font-weight:500;color:#9ea3ad}
.mkt .r{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.mkt .r:last-of-type{border-bottom:0}
.mkt .nm{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:#9ea3ad}
.mkt .v{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.02em}
.mkt .ch{font-family:var(--font-mono);font-size:11.5px;font-weight:600;padding:3px 7px;border-radius:4px}
.mkt .ch.up{background:rgba(111,212,154,.15);color:#6fd49a}.mkt .ch.dn{background:rgba(255,138,128,.15);color:#ff8a80}
.spark{display:flex;align-items:flex-end;gap:2px;height:22px;width:54px}
.spark i{flex:1;background:#3b404a;border-radius:1px}
.spark.up i:last-child{background:#6fd49a}.spark.dn i:last-child{background:#ff8a80}
.wx{background:var(--flash);color:var(--ink);border-radius:var(--r10);padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.wx .ph{font-family:var(--font-display);font-weight:800;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.wx .ph span{font-family:var(--font-mono);font-size:11px;font-weight:500}
.wx .big{display:flex;align-items:center;gap:14px}
.wx .t{font-family:var(--font-display);font-weight:800;font-size:64px;letter-spacing:-.05em;line-height:1}
.wx .g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:rgba(20,22,27,.08);border-radius:var(--r6);padding:10px 12px}
.wx .g b{display:block;font-family:var(--font-display);font-size:16px;font-weight:800}
.wx .g span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em}
.wx .sel{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;border-radius:var(--r6);padding:10px 12px;font-weight:600;font-size:13px}


.dark{background:var(--ink);color:#fff}
.dark .sh{border-top-color:var(--flash)}
.dark .sh h2::before{border-color:#fff}
.dark .sh .all{background:transparent;border-color:rgba(255,255,255,.2);color:#fff}
.dark .card{background:#1d2027;border-color:rgba(255,255,255,.08)}
.dark .card h3{color:#fff}.dark .card p{color:#b7bbc4}.dark .meta{color:#9ea3ad}
.dark .list a{border-bottom-color:rgba(255,255,255,.1)}
.dark .list h4{color:#fff}
.ocard:hover,.bigvid:hover,.svid:hover{color:#fff}
.ocard:hover h3,.bigvid:hover h3,.svid:hover .t{text-decoration:underline;text-decoration-color:var(--flash);text-decoration-thickness:3px;text-underline-offset:5px}
.dark .list a:hover h4,.dark .card:hover h3{color:var(--flash)}
.play{position:absolute;left:16px;bottom:16px;width:44px;height:44px;border-radius:50%;background:var(--flash);display:flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 6px 18px -6px rgba(0,0,0,.6)}
.dur{position:absolute;right:12px;top:12px;font-family:var(--font-mono);font-size:11px;background:rgba(20,22,27,.8);color:#fff;padding:3px 7px;border-radius:4px}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:#9ea3ad;text-align:left;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.12);font-weight:500}
.tbl td{padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600}
.tbl td.num{font-family:var(--font-mono);font-weight:500;text-align:right}
.tbl tr:first-child td:first-child{color:var(--flash)}


.author{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:16px}
.author:hover{box-shadow:var(--sh)}
.av{width:52px;height:52px;border-radius:50%;background:var(--flash);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.03em;flex:none;border:3px solid var(--ink)}
.av.ink{background:var(--ink);color:#fff;border-color:var(--flash)}
.author b{display:block;font-family:var(--font-display);font-size:14px;font-weight:800}
.author span{display:block;font-size:13px;color:var(--muted);line-height:1.35;margin-top:3px}
.author .av{display:flex;color:var(--ink);margin:0;font-size:18px;line-height:1}
.author .av.ink{color:#fff}


.news{background:var(--flash);border-radius:var(--r18);padding:40px 44px;display:flex;align-items:center;gap:40px;position:relative;overflow:hidden}
.news h2{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.news p{font-size:15px;max-width:460px;margin-top:10px}
.news form{display:flex;gap:8px;flex:none}
form:has(>.ts-slot){position:relative}
.ts-slot{position:absolute;left:0;bottom:calc(100% + 10px);z-index:30;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s;background:#fff;border-radius:8px;box-shadow:0 10px 30px -10px rgba(20,22,27,.45);line-height:0}
.ts-slot.on{visibility:visible;opacity:1;pointer-events:auto}
.news input{height:48px;width:300px;border:0;border-radius:var(--r6);padding:0 16px;font:inherit;background:var(--surface)}
.news .ring{position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:40px solid rgba(20,22,27,.08)}


.ft{background:var(--ink);color:#c9ccd3;margin-top:56px}
.ft .top{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:40px;padding:48px 0 40px;border-bottom:1px solid rgba(255,255,255,.1)}
.ft h5{margin:0 0 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--flash);font-weight:600}
.ft ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.ft a:hover{color:#fff}
.ft .logo{color:#fff}
.ft p{font-size:13.5px;line-height:1.6;max-width:360px}
.ft .bot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:12.5px}
.ft .bot .links{display:flex;gap:18px}
.wolob{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:#9ea3ad;border:1px solid rgba(255,255,255,.14);padding:6px 10px;border-radius:999px}
.wolob b{width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:var(--flash);display:inline-block}
.social{display:flex;gap:8px}
.social a{width:36px;height:36px;border-radius:var(--r6);border:1px solid rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;color:#fff}
.social a:hover{background:var(--flash);color:var(--ink);border-color:var(--flash)}


.crumb{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);padding:18px 0 4px}
.crumb a:hover{color:var(--ink)}
.art-h{width:calc(100% - 400px);margin:0;padding:26px 0 0;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.art-h h1{font-size:50px;font-weight:800;letter-spacing:-.035em;line-height:1.05}
.art-h .lede{font-size:20px;line-height:1.5;color:var(--ink2);max-width:760px}
.byline{display:flex;align-items:center;gap:14px;width:100%;padding-top:16px;border-top:1px solid var(--line)}
.byline .av{width:44px;height:44px;font-size:15px}
.byline b{display:block;font-family:var(--font-display);font-size:14px;font-weight:800}
.byline .meta{margin-top:3px}
.share{display:flex;gap:6px;margin-left:auto}
.share a,.share button{width:38px;height:38px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.share a:hover,.share button:hover{background:var(--flash);border-color:var(--flash)}
.figure{margin:0;border-radius:var(--r10);overflow:hidden;background:var(--sunk)}
.figure img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
.figure figcaption{font-family:var(--font-mono);font-size:11.5px;line-height:1.5;color:var(--muted);padding:10px 2px 0;display:block}
.figure figcaption b{color:var(--ink);font-weight:600;margin-right:8px}
.art .body>a.rgb.rgb{margin:0}
.art-grid{display:grid;grid-template-columns:56px minmax(0,1fr) 360px;gap:40px;padding-top:34px;align-items:start}
.srail{position:sticky;top:24px;display:flex;flex-direction:column;gap:6px}
.srail a{width:44px;height:44px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.srail a:hover{background:var(--flash);border-color:var(--flash)}
.srail .cnt{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-align:center;padding:4px 0}
.body{font-size:18px;line-height:1.72;color:#1f2228;display:flex;flex-direction:column;gap:22px;max-width:720px}
.body p.first::first-letter{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:.8;float:left;margin:8px 10px 0 0;color:var(--ink)}
.body h2{font-size:26px;font-weight:800;margin-top:10px;letter-spacing:-.025em}
.body .quote{border-radius:var(--r10);background:var(--flash);padding:26px 28px;font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.3;letter-spacing:-.02em;position:relative}
.body .quote::before{content:"";position:absolute;left:28px;top:-8px;width:14px;height:14px;border:4px solid var(--ink);border-radius:50%;background:var(--flash)}
.body .quote small{display:block;font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;margin-top:12px}
.body .inl{display:flex;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:12px;font-size:15px}
.body .inl img{width:120px;height:80px;border-radius:var(--r6);object-fit:cover}
.body .inl b{display:block;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.3}
.body .inl span{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.08em}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags a{font-family:var(--font-mono);font-size:12px;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.tags a:hover{background:var(--ink);color:#fff}
.abox{display:flex;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:22px;align-items:flex-start}
.abox .av{width:64px;height:64px;font-size:22px}
.abox b{font-family:var(--font-display);font-size:18px;font-weight:800;display:block}
.abox p{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.55}
.cmt{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.cmt .av{width:40px;height:40px;font-size:14px;border-width:2px}
.cmt b{font-size:14px;font-family:var(--font-display);font-weight:800}
.cmt p{font-size:14.5px;line-height:1.55;margin-top:4px}
.cmt .act{display:flex;gap:14px;font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:8px}
.cform{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:18px}
.cform textarea{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:var(--r6);padding:12px;min-height:90px;resize:vertical;background:var(--paper)}
.side{display:flex;flex-direction:column;gap:20px;position:sticky;top:24px}
.poll{display:flex;flex-direction:column;gap:8px}
.poll label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;border:1px solid var(--line);border-radius:var(--r6);padding:10px 12px;position:relative;overflow:hidden;cursor:pointer}
.poll label i{position:absolute;left:0;top:0;bottom:0;background:var(--flash-soft);z-index:-1}
.poll label{isolation:isolate}
.poll label span{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--muted)}


.cat-h{padding:34px 0 26px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.cat-h h1{font-size:56px;font-weight:800;letter-spacing:-.045em;display:flex;align-items:center;gap:16px}
.cat-h h1::before{content:"";width:18px;height:18px;border:7px solid var(--ink);border-radius:50%;background:var(--flash);flex:none}
.cat-h p{font-size:16px;color:var(--muted);margin-top:8px;max-width:620px}
.cat-h .sub{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cat-h .sub a{font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.cat-h .sub a.on,.cat-h .sub a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.lead{display:grid;grid-template-columns:1.25fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);overflow:hidden}
.lead img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.lead .bd{padding:32px 34px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.lead h2{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.lead p{font-size:15px;color:var(--muted);line-height:1.55}
.pager{display:flex;justify-content:center;gap:6px;padding:28px 0 0}
.pager a{min-width:40px;height:40px;padding:0 12px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:600}
.pager a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager a:hover{background:var(--sunk)}


.pg-h{padding:30px 0 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.pg-h h1{font-size:44px;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;gap:14px}
.pg-h h1::before{content:"";width:14px;height:14px;border:6px solid var(--ink);border-radius:50%;background:var(--flash);flex:none}
.pg-h p{font-size:15px;color:var(--muted);margin-top:6px;max-width:640px}
.pg-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;padding-top:28px;align-items:start}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:24px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:16px 18px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
.kpi .nm{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted)}
.kpi .v{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.03em}
.kpi .ch{font-family:var(--font-mono);font-size:12px;font-weight:600}
.kpi .ch.up{color:var(--ok)}.kpi .ch.dn{color:var(--live)}
.kpi.flash{background:var(--flash);border-color:var(--flash)}
.kpi .spark{position:absolute;right:14px;top:16px}
.kpi .spark i{background:#d7d9d1}
.kpi .spark.up i:last-child{background:var(--ok)}.kpi .spark.dn i:last-child{background:var(--live)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 6px}
.tabs a{font-family:var(--font-display);font-weight:700;font-size:14px;padding:12px 14px;position:relative;color:var(--muted);display:inline-flex;gap:8px;align-items:center}
.tabs a.on{color:var(--ink)}
.tabs a.on::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;background:var(--flash)}
.tabs a .mono{font-size:10.5px;background:var(--sunk);padding:1px 6px;border-radius:4px;color:var(--ink2)}
.ltab{width:100%;border-collapse:collapse;font-size:14px}
.ltab th{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:500;background:var(--paper)}
.ltab td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}
.ltab tr:last-child td{border-bottom:0}
.ltab tr:hover td{background:#fbfbf8}
.ltab .num{font-family:var(--font-mono);text-align:right;font-weight:500}
.ltab b{font-family:var(--font-display);font-weight:800;display:block;font-size:14px}
.ltab small{display:block;font-size:12px;color:var(--muted)}
.ltab .sym{width:34px;height:34px;border-radius:8px;background:var(--sunk);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:600;margin-right:10px;vertical-align:middle}
.pct{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px}
.pct.up{background:#e3f3ea;color:var(--ok)}.pct.dn{background:#fbe5e3;color:var(--live)}.pct.flat{background:var(--sunk);color:var(--muted)}
.inp{height:40px;border:1px solid var(--line);border-radius:var(--r6);padding:0 12px;font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink)}
.sel{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;height:40px;border:1px solid var(--line);border-radius:var(--r6);padding:0 12px;font-weight:600;font-size:13.5px;background:var(--surface);min-width:160px}
.hz{display:flex;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);overflow:hidden;align-items:stretch}
.hz img{width:260px;flex:none;object-fit:cover;aspect-ratio:16/10}
.hz .bd{padding:18px 20px 18px 0;display:flex;flex-direction:column;gap:8px;justify-content:center}
.hz h3{font-size:20px;font-weight:700;line-height:1.25}
.hz p{font-size:13.5px;color:var(--muted)}
.hz:hover{box-shadow:var(--sh)}
.svid{position:relative;border-radius:var(--r10);overflow:hidden;background:#1d2027;color:#fff;display:flex;flex-direction:column}
.svid img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.92}
.svid .t{padding:12px 14px 14px;font-family:var(--font-display);font-weight:700;font-size:14.5px;line-height:1.3}
.svid .play{width:36px;height:36px;bottom:auto;top:12px;left:12px}
.legend{display:flex;gap:18px;font-family:var(--font-mono);font-size:11px;color:var(--muted);padding:12px 2px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.pill-row{display:flex;gap:6px;flex-wrap:wrap}
.pill-row a{font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);display:inline-flex;gap:8px;align-items:center}
.pill-row a.on,.pill-row a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.pill-row a .mono{font-size:10.5px;opacity:.7}


.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;padding-top:28px}


@media (max-width:1100px){.art-h{width:auto}.art-grid{grid-template-columns:56px minmax(0,1fr)}.side{position:static}.art-grid .side{grid-column:2}}
@media (max-width:900px){
 .wrap{padding:0 20px}
 .nav{display:none}
 .hdr .wrap{height:68px;gap:12px}
 .g3,.g4,.g2{grid-template-columns:1fr !important}
 .hero{grid-template-columns:1fr !important}
 .ft .top{grid-template-columns:1fr 1fr}
 .news{flex-direction:column;align-items:flex-start;padding:28px}
 .news input{width:100%}
 .art-h h1{font-size:34px}
 .art-grid{grid-template-columns:1fr;padding-top:20px}.srail{display:none}
 .lead{grid-template-columns:1fr}
 .cat-h{flex-direction:column;align-items:flex-start}.cat-h h1{font-size:40px}
 .sd-items{font-size:13px}
}


.mbtn{display:none;width:42px;height:42px;border-radius:6px;border:1px solid var(--line);background:var(--surface);align-items:center;justify-content:center;color:var(--ink)}
.mnav{display:none;position:fixed;inset:0;background:rgba(20,22,27,.5);z-index:50}
.mnav.open{display:block}
.mnav .sheet{position:absolute;right:0;top:0;bottom:0;width:min(86vw,360px);background:var(--paper);padding:20px;overflow:auto;display:flex;flex-direction:column;gap:6px}
.mnav .sheet a{font-family:var(--font-display);font-weight:700;font-size:17px;padding:12px 10px;border-bottom:1px solid var(--line)}
.mnav .sheet a.on{color:var(--ink)}.mnav .sheet a.on::after{content:"";display:inline-block;width:8px;height:8px;background:var(--flash);border-radius:50%;margin-left:8px}
.mnav .sheet .svc{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted);margin:14px 0 4px}
.mnav .sheet .svc + a,.mnav .sheet .small{font-size:14.5px;font-weight:600;padding:9px 10px}
.mnav .close{align-self:flex-end;width:40px;height:40px;border:0;background:transparent;font-size:24px;line-height:1}
.tabbar{display:none}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sd-items span{flex:none}
.form-msg{font-family:var(--font-mono);font-size:12px;color:var(--ok);margin-top:8px;display:none}
.form-msg.show{display:block}
@media (max-width:1100px){
 .mk-grid{grid-template-columns:1fr 1fr !important}
 .mk-grid > .box:nth-child(2){grid-column:1 / -1;grid-row:1}
 .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .lg-grid,.pg-grid,.egrid,.igrid,.sgrid,.cat-grid,.ygrid{grid-template-columns:1fr !important}
 .cities,.feat,.vgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .days{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
 .ft .top{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:900px){
 .mbtn{display:inline-flex}
 .nav,.hdr .btn-ghost{display:none}
 .hdr .wrap{height:66px;gap:10px}
 .logo{font-size:26px}.logo svg{width:30px;height:30px}
 .ubar .wrap{gap:12px;font-size:11px}
 .ubar nav a:not(.live){display:none}
 .ubar .ub-date{display:none}
 .hdr.is-hidden{transform:translateY(-100%);box-shadow:none}
 .flash-bar .sd-nav{display:none}
 .sd-chip{font-size:10.5px;padding:0 9px;height:26px}
 .hero,.feat,.g2,.g3,.g4,.now,.cities,.vgrid,.gl,.feat-y,.ecards,.filt,.player,.kpis,.times,.tools,.mmkt{grid-template-columns:1fr !important}
 main [style*="grid-template-columns"]{grid-template-columns:1fr !important}
 .kpis,.times{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .days{display:flex !important;overflow-x:auto;padding-bottom:6px}
 .days .day{flex:0 0 120px}
 .mosaic{grid-template-columns:1fr 1fr !important;grid-auto-rows:160px !important}
 .mosaic .big{grid-column:span 2 !important;grid-row:span 2 !important}
 .hz{flex-direction:column}.hz img{width:100% !important;aspect-ratio:16/9}.hz .bd{padding:0 18px 18px}
 .ilan{grid-template-columns:1fr !important;gap:10px}.ilan .rt{flex-direction:row;align-items:center;justify-content:space-between}
 .pg-h{flex-direction:column;align-items:flex-start}.pg-h h1{font-size:34px}
 .sh{flex-wrap:wrap;gap:10px}.sh .sub{overflow-x:auto;max-width:100%;order:3;flex:1 0 100%;scrollbar-width:none;margin:0 -2px}.sh .sub::-webkit-scrollbar{display:none}.sh .sub a{white-space:nowrap;flex:none}
 .hero-main h3{font-size:28px !important}
 .cur .t{font-size:84px}
 .ft .top{grid-template-columns:1fr 1fr;gap:24px}
 .ft .bot{flex-direction:column;align-items:flex-start}
 .art-h h1{font-size:32px}
 .yhero{grid-template-columns:1fr !important;text-align:center;justify-items:center}
 .post{grid-template-columns:1fr !important;gap:8px}
 .box .ltab,.month .ltab{min-width:640px}
 .box,.month > div{overflow-x:auto}
 .sbox form{flex-direction:column}.sbox input{height:48px}
 .count{flex-wrap:wrap}
 .sec{padding:28px 0 4px}
 .mk-grid > *,.lg-grid > *,.pg-grid > *,.egrid > *,.igrid > *,.sgrid > *,.cat-grid > *,.ygrid > *,.art-grid > *,.hero > *,.player > *{min-width:0}
 .art-grid .side{grid-column:auto}
 .tabs{flex-wrap:wrap}
 .byline{flex-wrap:wrap}.share{margin-left:0;width:100%}.byline>div:not(.share){flex:1 1 0;min-width:0}.byline .meta{flex-wrap:wrap;row-gap:2px}
 .box .row{flex-wrap:wrap;gap:8px}
 .row,.meta,.filters,.az,.stoolbar,.sbox .chips,.toolbar,.quote .big{flex-wrap:wrap}
 .toolbar,.filters{flex-direction:column;align-items:flex-start;gap:10px}
 .kpi .spark{display:none}
 body{padding-bottom:0}.ft{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
 .tabbar{display:grid;position:fixed;left:0;right:0;bottom:0;height:64px;background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 6px 8px;z-index:40}
 .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;color:var(--muted);justify-content:center}
 .tabbar a.on{color:var(--ink)}.tabbar a.on svg{background:var(--flash);border-radius:8px}
 .tabbar svg{padding:5px;width:32px;height:32px}
}
@media (max-width:560px){
 .kpis,.times,.cities,.feat,.vgrid,.mosaic{grid-template-columns:1fr !important}
 .mosaic .big{grid-column:span 1 !important}
 .ft .top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding:36px 0 28px}.ft .top>div:first-child{grid-column:1/-1;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}.ft ul{gap:7px;font-size:13px}.ft .bot{align-items:center;text-align:center}.ft .bot .links{justify-content:center}
 .cur .g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}


body.home .hero-main{min-height:520px}
body.home .hero-main h3{font-size:40px;letter-spacing:-.035em;max-width:720px}
body.home .hero-main p{font-size:16px;max-width:640px}
body.home .feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:24px}
body.home .feat .card .im{aspect-ratio:16/9}
body.home .svid{position:relative;border-radius:10px;overflow:hidden;background:#1d2027}
body.home .svid img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.9}
body.home .svid .t{padding:12px 14px 14px;font-family:var(--font-display);font-weight:700;font-size:14.5px;line-height:1.3;color:#fff}
body.home .bigvid{position:relative;border-radius:10px;overflow:hidden;min-height:420px;background:#1d2027;display:flex;align-items:flex-end;isolation:isolate;color:#fff}
body.home .bigvid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
body.home .bigvid::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,22,27,0) 35%,rgba(20,22,27,.92) 100%)}
body.home .bigvid .bd{padding:26px 28px 26px 92px;display:flex;flex-direction:column;gap:10px}
body.home .bigvid .play{left:28px;bottom:28px;width:48px;height:48px}
body.home .bigvid h3{font-size:28px;font-weight:800;letter-spacing:-.03em}
body.home .bigvid p{color:#c9ccd3;font-size:14.5px}
body.home .col-lead{display:flex;flex-direction:column;gap:16px}
body.home .col-lead .card .im{aspect-ratio:16/9}
body.home .strip{display:flex;gap:12px;overflow:hidden;flex-wrap:wrap}


body.article .progress{position:sticky;top:var(--hdr-h,0px);transition:top .25s ease;height:3px;background:var(--line);z-index:5}
body.article .progress i{display:block;height:100%;width:38%;background:var(--flash)}
body.article .kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.article .kv div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
body.article .kv b{display:block;font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em}
body.article .kv span{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}
body.article .rel .card .im{aspect-ratio:16/9}
body.article .live-up{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
body.article .live-up time{font-family:var(--font-mono);font-size:12px;font-weight:600;flex:none;width:52px;padding-top:2px}
body.article .live-up p{font-size:14.5px;line-height:1.5}
body.article .live-up b{display:block;font-family:var(--font-display);font-weight:800;font-size:15px;margin-bottom:3px}




.frame{min-height:100vh;display:flex;flex-direction:column}
.uc{text-transform:uppercase}
.skip-link{position:absolute;left:8px;top:-80px;z-index:200;background:var(--surface);color:var(--color-text);padding:12px 16px;font-weight:700;border-radius:var(--r6)}
.skip-link:focus{top:8px}
.site-main{display:block}.site-main:focus{outline:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.sr{white-space:nowrap}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.dark :focus-visible,.ft :focus-visible,.ubar :focus-visible{outline-color:var(--flash)}
[hidden]{display:none!important}

picture{display:block}
picture>img{display:block;width:100%;height:100%;object-fit:cover}
.card picture.im{overflow:hidden}
.card picture.im img{aspect-ratio:inherit}
.list picture.th{width:92px;height:64px;border-radius:var(--r6);overflow:hidden;flex:none;background:var(--sunk)}
.ocard picture{position:absolute;inset:0;z-index:-2}
.svid picture img{aspect-ratio:16/10;opacity:.92}
.bigvid picture{position:absolute;inset:0;z-index:-2}
.reader-image-placeholder{background:var(--sunk)}

.logo{flex:none}
.logo__img{display:block;height:40px;width:auto;max-width:240px;object-fit:contain}
.logo--txt span{white-space:nowrap}
.ft .logo span{font-size:28px}
.ft .logo__img{height:34px}
:root:not([data-scheme="dark"]) .reader-logo-dark,:root[data-scheme="dark"] .reader-logo-light:has(+ .reader-logo-dark){display:none!important}

.ubar .reader-live-btn.live{min-height:0;color:#fff}
.ubar .reader-live-btn.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;display:inline-block;animation:pulse 1.4s ease-out infinite}

.sd-items a{color:inherit}.sd-items a:hover{text-decoration:underline}

.av.av--img{overflow:hidden;padding:0}
.av.av--img img{width:100%;height:100%;object-fit:cover;border-radius:50%}

.reader-pagination.pager{flex-wrap:wrap}
.pager span{min-width:40px;height:40px;padding:0 12px;border-radius:var(--r6);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:600}
.pager span[aria-current]{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.pager span:not([aria-current]){padding:0 6px;min-width:0}

.lay{display:block;padding-top:28px}
.lay--side{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.area{min-width:0}
@media (max-width:1100px){.lay--side{grid-template-columns:1fr}}

.art-grid:not(.art-grid--plain)>.body>p:first-of-type::first-letter{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:.8;float:left;margin:8px 10px 0 0;color:var(--ink)}
.art-grid:not(.art-grid--plain)>.body>p:first-of-type{display:flow-root}
.body>blockquote{border-radius:var(--r10);background:var(--flash);color:var(--ink);padding:26px 28px;font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.3;letter-spacing:-.02em;position:relative}
.body>blockquote::before{content:"";position:absolute;left:28px;top:-8px;width:14px;height:14px;border:4px solid var(--ink);border-radius:50%;background:var(--flash)}
.body>blockquote p{margin:0}.body>blockquote p+p{margin-top:10px}
.body>blockquote :is(cite,footer,small){display:block;font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;margin-top:12px;font-style:normal;text-transform:uppercase}
.body>p a:not([class]),.body li a:not([class]){text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--flash);text-decoration-thickness:2px}
.body :is(ul,ol){margin:0;padding-left:22px}
.body figure{margin:0}.body img{max-width:100%;height:auto;border-radius:var(--r10)}
.body iframe{max-width:100%}
.body h3{font-size:21px;font-weight:800}
.body .inl picture{width:120px;height:80px;border-radius:var(--r6);overflow:hidden;flex:none}
.body .inl img{border-radius:0}
.body .inl b{color:var(--color-text)}
.byline b a:hover{text-decoration:underline}
.byline .share button{padding:0}
.srail .reader-comment-count{width:44px;height:44px;min-height:0;padding:0;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);gap:0}
.srail .reader-comment-count:hover{background:var(--flash);border-color:var(--flash)}
.srail .reader-comment-count>span[aria-hidden]{display:none}
.live-up__t p{margin:0}.live-up__t p+p{margin-top:6px}
.ad-side:not(:has(*)){display:none}
.art-grid>.body{min-width:0}

.art-grid>.body:first-child{grid-column:2}
@media (max-width:900px){.art-grid>.body:first-child{grid-column:auto}}

body .reader-comments{--rc-accent:var(--ink);--rc-on-accent:#fff;--rc-head:3px solid var(--ink);--rc-title-font:800 22px/1.15 var(--font-display);--rc-radius:var(--r10);--rc-btn-radius:var(--r6);margin:0}
body .reader-comments .reader-comment__av{background:var(--flash);color:var(--ink);border:2px solid var(--ink);font-family:var(--font-display);font-weight:800}
body .reader-comments .reader-comments__sort a{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;min-height:22px;padding:0 8px}
body .reader-comments .reader-comments__sort a[aria-current]{background:var(--ink);color:#fff}

body .reader-prevnext.flas-prevnext{gap:12px}
body .flas-prevnext .reader-prevnext__a{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r10);background:var(--surface);color:var(--color-text)}
body .flas-prevnext .reader-prevnext__a:hover{box-shadow:var(--sh)}
body .flas-prevnext .reader-prevnext__k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:1}
body .flas-prevnext .reader-prevnext__t{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.3}

section.reader-poll{background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:18px 20px}
.reader-poll .reader-poll__title{font-family:var(--font-display);font-weight:800;font-size:18px}
.reader-poll .reader-poll__submit{background:var(--flash);color:var(--ink);border:0;border-radius:var(--r6);height:34px;padding:0 12px;font-weight:700;font-size:13px}
.reader-poll .reader-poll__fill{background:var(--flash-soft)}
.reader-poll .reader-poll__options label{border:1px solid var(--line);border-radius:var(--r6);padding:10px 12px;font-weight:600;font-size:14px}
.reader-sponsored{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}
.reader-sponsored__badge{background:var(--flash);color:var(--ink);padding:3px 8px;border-radius:4px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.reader-preferred-source{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r10);background:var(--surface);font-weight:700;font-size:14px}

.layout-area{display:flex;flex-direction:column;gap:40px}
.area--home-top .layout-area,.area--home-bottom .layout-area{gap:40px}
.area--home-top>.layout-area,.area--home-bottom>.layout-area{max-width:1280px;margin:0 auto;padding:28px 32px 0}
.side>.layout-area,.area--article-sidebar>.layout-area,.area--category-sidebar>.layout-area,.area--home-sidebar>.layout-area{gap:20px}
.block{min-width:0}
.block--side.panel .panel{border:0;padding:0;background:transparent;border-radius:0}
.block--side.panel>.ph a:hover{text-decoration:underline}
.block .hero-main{min-height:520px}
.block .col-lead{display:flex;flex-direction:column;gap:16px}
.block .col-lead .card .im{aspect-ratio:16/9}
.gstrip .card{position:relative}
.gstrip .card .im{aspect-ratio:4/3}
.gstrip .cnt{position:absolute;right:12px;top:12px;font-family:var(--font-mono);font-size:11px;background:rgba(20,22,27,.75);color:#fff;padding:4px 8px;border-radius:4px;display:inline-flex;gap:6px;align-items:center}
.gstrip .stack{position:absolute;left:12px;top:12px;display:flex}
.gstrip .stack i{width:8px;height:8px;border-radius:2px;background:#fff;opacity:.9;margin-right:3px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.fixbox .fix{display:flex;flex-direction:column}
.fixbox .fix .d{padding:10px 18px;background:var(--paper);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--line)}
.fixbox .fix .m{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:600}
.fixbox .fix .m:last-child{border-bottom:0}
.fixbox .fix .m .r{text-align:right}
.fixbox .fix .sc{font-family:var(--font-display);font-weight:800;font-size:15px;background:var(--ink);color:#fff;padding:4px 10px;border-radius:6px;min-width:58px;text-align:center}
.fixbox .fix .sc.t{background:var(--sunk);color:var(--muted);font-family:var(--font-mono);font-weight:500;font-size:12px}
.ptimes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ptimes div{border:1px solid var(--line);border-radius:var(--r6);padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.ptimes span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--muted)}
.ptimes b{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.03em}
.ptimes .next{background:var(--flash);border-color:var(--flash)}.ptimes .next span{color:var(--ink)}
.side .mkt,.side .wx{width:100%}
@media (max-width:900px){.area--home-top>.layout-area,.area--home-bottom>.layout-area{padding:20px 20px 0}.block .hgrid3{grid-template-columns:1fr!important}}
.area--bare>.layout-area>.block:not(.block--theme-home){width:100%;max-width:1280px;margin:0 auto;padding:0 32px}
.area--bare>.layout-area{gap:0}
.area--bare>.layout-area>.block:not(.block--theme-home)+.block{margin-top:40px}
@media (max-width:900px){.area--bare>.layout-area>.block:not(.block--theme-home){padding:0 20px}}

.figure.figure--designed img{aspect-ratio:16/9}
.ocard--designed::after{display:none}
.ocard--designed img{object-fit:contain;background:var(--ink)}
.ocard--designed .bd{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0}

.hdr .wrap>.row{flex:none;flex-wrap:nowrap}
.hdr .logo{flex:0 1 auto;min-width:0}
.hdr .logo__img{max-width:100%;object-position:left center}
.card .im--ph{display:block;background-color:var(--sunk);background-image:radial-gradient(circle,var(--flash) 0 13px,transparent 14px),radial-gradient(circle,var(--ink) 0 22px,transparent 23px);background-repeat:no-repeat;background-position:center;background-size:60px 60px}
.svids-1>.svid{grid-column:span 2}.svids-1>.svid img{aspect-ratio:16/7}
.svids-3>.svid:last-child{grid-column:span 2}.svids-3>.svid:last-child img{aspect-ratio:16/6}
.hslider{position:relative}
.htrack{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}
.htrack::-webkit-scrollbar{display:none}
.htrack>.hslide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always}
body.home .htrack>.hslide{min-height:440px}
.htrack>.hslide h3{font-size:26px !important}
.hdots{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 0}
.hdots .cnt{font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.06em}
.hdots .dots{display:flex;gap:6px}
.hdots button{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:var(--line);transition:width .2s,background .2s}
.hdots button.on{background:var(--flash);width:24px;box-shadow:inset 0 0 0 1.5px var(--ink)}
.svc-index .toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:22px 0 14px}
.svc-index .toolbar form{display:flex;gap:8px;flex:1 1 320px;max-width:520px}
.svc-index .toolbar input{flex:1;min-width:0;height:44px;border:1px solid var(--line);border-radius:var(--r6);padding:0 14px;font:inherit;background:var(--surface)}
.svc-index .toolbar input:focus{outline:2px solid var(--flash);outline-offset:1px;border-color:var(--ink)}
.svc-index .count{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;color:var(--muted)}
.svc-index .az{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 18px}
.svc-index .az a{font-family:var(--font-mono);font-size:12px;font-weight:600;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);color:var(--ink2)}
.svc-index .az a.on,.svc-index .az a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.svc-index .places{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.svc-index .places a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:13px 16px;font-family:var(--font-display);font-weight:700;font-size:15px;transition:transform .15s,box-shadow .15s,border-color .15s}
.svc-index .places a::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--line);flex:none;transition:background .15s}
.svc-index .places a:hover{transform:translateY(-2px);box-shadow:var(--sh);border-color:var(--flash)}
.svc-index .places a:hover::after{background:var(--flash)}
.svc-index .places .plate{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted);width:26px;flex:none}
.svc-index .empty{padding:28px;border:1px dashed var(--line);border-radius:var(--r10);text-align:center;color:var(--muted);font-size:14px}
@media (max-width:900px){
 body.home .feat,body.home .sec .g4{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:12px;margin:0 -20px;padding:0 20px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 body.home .feat::-webkit-scrollbar,body.home .sec .g4::-webkit-scrollbar{display:none}
 body.home .feat>*,body.home .sec .g4>*{flex:0 0 78%;scroll-snap-align:start}
 body.home .feat{margin-top:22px}
 body.home .sec .g4>.author{flex-basis:72%}
 .hero.has-slider .rail{display:none}
 main .svids{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 main .svids .svid .t{font-size:13.5px;padding:10px 12px 12px}
 .svids-3>.svid:last-child img{aspect-ratio:16/8}
 .svc-index .places{grid-template-columns:repeat(2,minmax(0,1fr))}
 .svc-index .az a{width:28px;height:28px}
}
@media (max-width:560px){.svc-index .places{grid-template-columns:1fr 1fr;gap:8px}.svc-index .places a{padding:11px 12px;font-size:14px}}
@media (min-width:901px){.htrack>.hslide~.hslide,.hdots{display:none}.htrack{display:block;margin:0;padding:0}}
@media (max-width:560px){.lead h2{font-size:26px}}

.byline .share--aa{margin-left:auto;width:auto;flex:0 0 auto;align-self:center}
@media (max-width:900px){.byline .share--aa button{width:34px;height:34px}}