/* GlobalNews PC/tablet/mobile refinement */
html{scroll-padding-top:100px}body{min-width:0;overflow-x:clip}.skip-content{position:fixed;z-index:300;top:-100px;left:12px;background:#126be8;color:#fff;padding:12px 16px;border-radius:8px}.skip-content:focus{top:8px}
:where(.header,.grid-main,.main-wrap,.reader,.sidebar,.story-card){min-width:0}
.story-card{transition:transform .18s ease,box-shadow .18s ease}.story-card:hover{transform:translateY(-2px);box-shadow:0 13px 32px #102d5417}.story-card h3 a,.trend-item a,.reader h1{overflow-wrap:anywhere}
.filter-chips{scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}
.ad-slot{display:none}.ad-slot.ad-ready:not([hidden]){display:block;max-width:100%;padding:12px;margin:20px auto;border-top:1px solid var(--line);overflow:hidden}.ad-disclosure{display:block;color:var(--muted);text-align:center;letter-spacing:1.4px;font-size:9px;font-weight:800;margin-bottom:9px}.ad-banner .ad-content{max-width:468px;min-height:60px;display:flex;justify-content:center;align-items:center;margin:auto}.ad-native.ad-ready{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px}.ad-native .ad-content{min-width:0}
.mobile-dock{display:none}
@media(min-width:901px) and (max-width:1180px){.header-content{flex-wrap:wrap;gap:3px 18px;padding-top:10px}.nav{order:3;width:100%;justify-content:center;gap:22px}.nav a{padding:10px 0}.grid-main{grid-template-columns:minmax(0,1fr) 255px;gap:18px}}
@media(max-width:900px){.nav{top:100%;border-top:1px solid var(--line);max-height:75vh;overflow:auto;z-index:60}.nav.open{display:flex}.nav a{display:flex;align-items:center;min-height:45px;font-size:14px}.grid-main{grid-template-columns:minmax(0,1fr)}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar .ad-native{grid-column:1/-1}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(230px,1fr)}}
@media(max-width:760px){
.mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;position:fixed;bottom:0;left:0;right:0;z-index:65;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 28px #061e3b1a;padding:5px max(9px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-right))}
.mobile-dock a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:var(--muted);font-size:10px;font-weight:700;min-height:52px;border-radius:10px}.mobile-dock a svg{width:21px;height:21px;stroke-width:1.9}.mobile-dock a.active{color:#1373f4;background:#ecf5ff}[data-theme="dark"] .mobile-dock a.active{color:#9ccaff;background:#223f5e}
.footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.header-content{min-height:65px}.topline-inner{height:30px}.ticker-inner{height:37px}.ticker-badge{font-size:9px;padding:6px 8px}.main-wrap{padding-top:22px;padding-bottom:44px}
.intro{margin-bottom:19px;align-items:flex-start}.intro h1{font-size:clamp(25px,7vw,34px);line-height:1.18;letter-spacing:-1.1px}.intro p{line-height:1.6}
.hero-grid{grid-template-columns:1fr}.hero{min-height:350px}.hero h2{font-size:clamp(23px,6vw,32px)}.hero-body{padding:22px}
.mini-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.minihero{min-height:194px}.minihero .mini-body{padding:13px}.minihero h3{font-size:13px;line-height:1.4;letter-spacing:0}.minihero .tag{font-size:8px;padding:5px 6px}
.section-head{margin:27px 0 14px}.section-head h2{font-size:20px}.filter-chips{margin-inline:-16px;padding-inline:16px;scroll-snap-type:x proximity}.chip{min-height:40px;scroll-snap-align:start}
.stories-grid{grid-template-columns:1fr;gap:11px}.story-card{display:grid;grid-template-columns:minmax(110px,38%) minmax(0,1fr);min-height:144px;box-shadow:none}.story-card:hover{transform:none;box-shadow:none}.story-thumb{height:auto;min-height:144px}.story-body{padding:11px 12px;min-width:0}.story-body h3{font-size:13px;line-height:1.42;margin:7px 0;flex:0 1 auto}.story-label{font-size:9px}.story-meta{font-size:10px;gap:5px;flex-wrap:wrap}.card-actions{margin-top:auto;padding-top:7px}.card-actions a{font-size:10px}
.sidebar{grid-template-columns:1fr;gap:12px}.side-panel{padding:18px}.side-panel.dark-panel{grid-column:auto}
.reader{padding:22px 18px}.reader h1{font-size:clamp(26px,7vw,38px)}.reader .deck{font-size:15px}.page-banner{padding:28px 21px}.page-banner h1{font-size:28px}.search-panel button{padding:10px 14px}.footer-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}
.ad-banner{display:none!important} /* 468px cannot force desktop width on phones */
}
@media(max-width:470px){.logo{font-size:20px}.logo-symbol{width:32px;height:32px}.header-content{gap:6px}.settings-chip{min-height:37px;padding:7px}.icon-btn{padding:8px}.intro-right{display:none}.hero{min-height:335px}.hero-body p{font-size:12px;line-height:1.5}.minihero{min-height:180px}.minihero .story-meta{font-size:9px}.story-card{grid-template-columns:minmax(105px,38%) minmax(0,1fr)}.story-thumb{min-height:136px}.story-body{padding:10px}.story-body h3{font-size:12.5px}.story-card .card-actions a{font-size:9.5px}.footer-bottom{font-size:10px}}
@media(max-width:335px){.mini-stack{grid-template-columns:1fr}.minihero{min-height:170px}.story-card{grid-template-columns:32% minmax(0,1fr)}.story-body h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.story-card{transition:none}}

/* Adsterra unit location: desktop right rail, phone after tenth story. */
@media(min-width:761px){.ad-native[data-ad-placement="feed"]{display:none!important}}
@media(max-width:760px){.ad-native[data-ad-placement="sidebar"]{display:none!important}.ad-native[data-ad-placement="feed"].ad-ready:not([hidden]){display:block;grid-column:1/-1;width:100%;margin:8px 0 16px}}
[data-theme="dark"] .nav.open{background:var(--card);color:var(--ink)}