:root{--accent:#ef3d3c;--accent-dark:#d92b2b;--ink:#17202d;--muted:#77808e;--line:#e9ebef;--surface:#fff;--soft:#f7f8fa;--nav:#152033;--shadow:0 10px 35px rgba(17,29,50,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:'Hind','Inter',sans-serif;line-height:1.5}body.dark{--ink:#ecf0f6;--muted:#a7b0bd;--line:#293345;--surface:#151c29;--soft:#1d2737;--nav:#101722;--shadow:0 10px 35px rgba(0,0,0,.14)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffadab;outline-offset:3px}.container{max-width:1240px;padding:0 24px;margin:auto}.utility-bar{background:#f5f6f8;border-bottom:1px solid var(--line);font-size:12px;color:#626e7a}.dark .utility-bar{background:#101722;color:#a9b4c4}.utility-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:15px}.utility-links{display:flex;align-items:center;gap:17px}.utility-links a:hover{color:var(--accent)}.utility-sep{opacity:.3}.live-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:-12px}.site-header{background:var(--surface)}.brand-row{min-height:128px;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:45px;height:45px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:3px;transform:rotate(-7deg)}.brand-mark span{background:#ef3d3c;border-radius:3px}.brand-mark span:nth-child(2){background:#1b2c45}.brand-mark span:nth-child(3){background:#1b2c45}.brand-mark span:nth-child(4){background:#ef3d3c}.brand-text{font-weight:800;font-size:31px;letter-spacing:-1.2px;line-height:1.05}.brand-text>span{color:var(--accent)}.brand-text small{display:block;letter-spacing:.1px;font-size:10px;font-weight:500;color:var(--muted);margin-top:7px}.header-ad{width:min(580px,52%);height:85px;border:1px solid #eaebed;background:linear-gradient(110deg,#f8fafc,#f2f4f9);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;position:relative;color:#6d7a8d;font-family:Inter,sans-serif}.header-ad strong{font-weight:800;color:#344560;font-size:18px;letter-spacing:2px}.header-ad strong span{color:var(--accent)}.header-ad>span:last-child{font-size:10px}.ad-caption{font-size:9px;color:#a1a8b3;position:absolute;top:5px;right:9px}.header-actions{display:flex;align-items:center;gap:7px}.icon-btn{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%}.icon-btn:hover{background:var(--soft);color:var(--accent)}.icon-btn svg,.search-field svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.mobile-toggle{display:none}.search-panel{padding-bottom:21px}.search-panel[hidden]{display:none}.search-panel label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}.search-field{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--soft);border:1px solid var(--line);border-radius:6px}.search-field input{width:100%;border:0;background:transparent;outline:none;color:var(--ink)}.search-field button{border:0;background:transparent;color:var(--muted)}.main-nav{background:var(--nav);color:#fff}.nav-inner{display:flex;align-items:center;gap:2px;min-height:52px}.nav-link,.nav-newsletter{height:52px;display:flex;align-items:center;padding:0 16px;border:none;background:none;color:#e8ecf2;font-size:14px;font-weight:600;white-space:nowrap}.nav-link:hover,.nav-link.active{background:var(--accent);color:#fff}.nav-newsletter{margin-left:auto;color:#fff}.nav-newsletter:hover{color:#ffaaa8}.breaking{margin-top:24px;margin-bottom:33px;display:flex;align-items:center;background:var(--soft);border:1px solid var(--line);border-left:0;padding:0;min-height:49px;gap:19px}.breaking-label{align-self:stretch;display:flex;align-items:center;gap:7px;background:var(--accent);color:#fff;padding:0 19px;font-size:13px;font-weight:700;white-space:nowrap}.flash{font-size:10px}.breaking-copy{font-size:14px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.breaking-time{color:var(--muted);font-size:11px;margin-left:auto;padding-right:15px;white-space:nowrap}.section-top,.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:21px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1.7px;font-family:Inter,sans-serif}.eyebrow-line{width:19px;height:3px;background:var(--accent);border-radius:2px}h1,h2,h3,p{margin-top:0}h1{font-size:33px;letter-spacing:-.8px;margin:8px 0 0;line-height:1.3}h1 span,h2 span,.sidebar-heading h3 span{color:var(--accent)}h2{font-size:27px;letter-spacing:-.5px;margin:8px 0 0;line-height:1.3}.text-link{font-size:13px;font-weight:700;display:flex;gap:7px;align-items:center;padding-bottom:4px}.text-link:hover{color:var(--accent)}.text-link span{font-size:17px;color:var(--accent)}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;grid-template-rows:246px 246px;gap:16px}.hero-card{position:relative;overflow:hidden;background:#172233;border-radius:5px;cursor:pointer;border:0;padding:0;text-align:left;color:#fff}.hero-card:first-child{grid-row:span 2}.hero-card img{height:100%;transition:transform .5s ease;filter:brightness(.82)}.hero-card:hover img{transform:scale(1.05)}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,12,24,.95),rgba(3,12,24,.03) 75%)}.hero-body{position:absolute;z-index:1;bottom:0;left:0;padding:20px;right:0}.hero-card:first-child .hero-body{padding:28px}.pill{display:inline-flex;background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:1;padding:8px 10px;border-radius:3px;margin-bottom:9px}.hero-body h3{font-size:17px;font-weight:700;line-height:1.44;margin:0 0 9px}.hero-card:first-child h3{font-size:29px;line-height:1.37}.meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.hero-card .meta{color:#e2e7ed}.meta span+span:before{content:'•';margin-right:10px}.banner-ad{min-height:100px;background:var(--soft);border:1px dashed #cdd2d9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin-top:33px;margin-bottom:47px;color:var(--muted)}.banner-ad span{font-size:9px;letter-spacing:2px;font-family:Inter,sans-serif}.banner-ad strong{font-size:15px;color:var(--ink);font-weight:600}.banner-ad span:last-child{letter-spacing:0;font-size:11px}.content-area{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:35px}.content-main{min-width:0}.category-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.category-filter select{border:1px solid var(--line);border-radius:4px;padding:8px 10px;color:var(--ink);background:var(--surface);font-weight:600;max-width:195px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.article-card{min-width:0}.article-image{position:relative;display:block;overflow:hidden;border-radius:5px;aspect-ratio:16/9;background:var(--soft);width:100%;border:0;padding:0}.article-image img{height:100%;transition:transform .4s ease}.article-image:hover img{transform:scale(1.05)}.category-badge{display:inline-block;color:var(--accent);font-weight:700;font-size:11px;margin-top:13px}.article-title{font-size:19px;font-weight:700;line-height:1.45;margin:5px 0 8px;cursor:pointer}.article-title:hover{color:var(--accent)}.article-excerpt{color:var(--muted);font-size:13px;line-height:1.65;margin:0 0 9px}.load-more{display:block;background:transparent;border:1px solid var(--line);border-radius:5px;margin:32px auto 0;padding:11px 30px;font-size:14px;color:var(--ink);font-weight:700}.load-more:hover{border-color:var(--accent);color:var(--accent)}.load-more span{color:var(--accent);margin-left:7px}.load-more[hidden],.empty-state[hidden]{display:none}.empty-state{text-align:center;padding:60px 20px;border:1px solid var(--line);color:var(--muted)}.empty-state div{font-size:48px}.empty-state h3{color:var(--ink)}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:13px;margin-bottom:18px}.sidebar-heading h3{margin:0;font-size:20px}.sidebar-heading>span{font-family:Inter,sans-serif;font-size:9px;letter-spacing:1px;color:var(--muted)}.popular-item{display:flex;align-items:flex-start;gap:13px;text-align:left;background:none;border:0;color:var(--ink);padding:13px 0;width:100%;border-bottom:1px solid var(--line)}.popular-item:hover .popular-title{color:var(--accent)}.popular-item:first-child{padding-top:0}.popular-count{font-family:Inter,sans-serif;color:var(--accent);font-size:25px;font-weight:800;line-height:1.25}.popular-title{font-size:14px;font-weight:700;line-height:1.46}.popular-time{display:block;color:var(--muted);font-size:11px;margin-top:5px}.sidebar-ad{height:272px;background:radial-gradient(circle at 80% 10%,#354e76,#17253e 62%);text-align:center;color:#fff;margin:30px 0 34px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.sidebar-ad:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #ffffff20;border-radius:50%;right:-70px;bottom:-55px}.sidebar-ad>span{position:absolute;top:14px;font:9px Inter,sans-serif;letter-spacing:2px;color:#a9b7d0}.ad-orbit{font-size:42px;color:#ff6c6a;line-height:1.1}.sidebar-ad h3{font-size:24px;line-height:1.4;margin:12px 0}.sidebar-ad p{font:11px Inter,sans-serif;color:#aebcd0}.tag-list{display:flex;flex-wrap:wrap;gap:9px}.tag-list button{background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:7px 11px;color:var(--ink);font-size:12px}.tag-list button:hover{background:var(--accent);color:white;border-color:var(--accent)}.newsletter-section{margin-top:65px;background:#16243a;color:white;padding:42px 0}.newsletter-inner{display:flex;align-items:center;gap:22px}.newsletter-icon{height:68px;width:68px;background:#ffffff15;border-radius:9px;display:grid;place-items:center;font-size:37px;flex-shrink:0}.newsletter-copy{flex:1}.newsletter-kicker{font:700 10px Inter,sans-serif;letter-spacing:2px;color:#ff8581}.newsletter-copy h2{font-size:24px;margin:7px 0}.newsletter-copy p{color:#b9c5d5;font-size:13px;margin:0}.newsletter-form{width:360px;display:flex;gap:0;flex-wrap:wrap}.newsletter-form input{height:45px;width:58%;border:0;padding:0 13px;border-radius:4px 0 0 4px;outline:none;font-size:12px}.newsletter-form button{height:45px;flex:1;background:var(--accent);color:white;border:0;border-radius:0 4px 4px 0;font-size:12px;font-weight:700;white-space:nowrap}.newsletter-form button:hover{background:var(--accent-dark)}.newsletter-form #newsletterMessage{display:block;width:100%;min-height:17px;margin-top:4px;color:#ffd3d3;font-size:11px}.feature-section{padding-top:51px;padding-bottom:65px}.explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.explore-grid button{text-align:left;position:relative;border:1px solid var(--line);border-radius:6px;padding:23px 18px;background:var(--soft);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:151px}.explore-grid button:hover{border-color:var(--accent);transform:translateY(-2px);transition:.2s}.explore-grid button>span{font-size:27px}.explore-grid button strong{font-size:16px}.explore-grid button small{font-size:12px;color:var(--muted)}.explore-grid button b{position:absolute;right:15px;top:18px;color:var(--accent)}footer{background:#111b2d;color:#d4dce7;padding-top:50px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.1fr;gap:42px;padding-bottom:40px}.footer-brand .brand-text{color:#fff}.footer-brand .brand-text small{color:#a5b2c4}.footer-main p{font-size:13px;line-height:1.8;color:#a5b2c4;max-width:320px;margin-top:20px}.footer-main h4{font-size:15px;color:#fff;margin-bottom:15px}.footer-main>div:not(:first-child) a{display:block;font-size:13px;color:#a5b2c4;margin-bottom:12px}.footer-main a:hover{color:#ff8581}.footer-main>div:not(:first-child) p{margin:0 0 9px}.footer-bottom{border-top:1px solid #2b3647;padding-top:19px;padding-bottom:24px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8c9aaf}.article-dialog{width:min(760px,calc(100% - 28px));max-height:90vh;border:0;border-radius:9px;background:var(--surface);color:var(--ink);box-shadow:0 20px 80px #0006;padding:0;overflow:auto}.article-dialog::backdrop{background:#06101bd1}.dialog-close{position:sticky;top:12px;float:right;z-index:2;margin:12px 12px -50px 0;border:0;border-radius:50%;background:#fff;color:#152033;width:35px;height:35px;box-shadow:0 2px 13px #0004}.dialog-image{height:300px}.dialog-content-body{padding:28px 33px 36px}.dialog-content-body h2{font-size:30px;margin:4px 0 14px}.dialog-content-body p{color:var(--muted);line-height:1.9;font-size:16px;margin:20px 0}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.dialog-actions button{border:1px solid var(--line);background:var(--soft);color:var(--ink);padding:9px 16px;border-radius:4px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);padding:12px 19px;background:#18263c;color:#fff;border-radius:5px;box-shadow:var(--shadow);z-index:20;opacity:0;pointer-events:none;transition:.25s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1100px){.nav-link{padding:0 10px;font-size:13px}.hero-grid{grid-template-columns:1.3fr 1fr;grid-template-rows:repeat(2,235px)}.hero-card:first-child{grid-row:span 2}.hero-card:nth-child(n+4){display:none}.content-area{grid-template-columns:minmax(0,1fr) 275px;gap:23px}.newsletter-form{width:320px}}@media(max-width:800px){.brand-row{min-height:100px}.header-ad{display:none}.mobile-toggle{display:grid}.main-nav{display:none}.main-nav.open{display:block}.nav-inner{display:flex;flex-direction:column;align-items:stretch;padding:10px 24px}.nav-link,.nav-newsletter{width:100%;justify-content:flex-start;height:43px}.nav-newsletter{margin-left:0}.hero-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 225px}.hero-card:first-child{grid-column:span 2;grid-row:span 1}.hero-card:nth-child(4){display:block}.hero-card:nth-child(5){display:none}.hero-card:first-child h3{font-size:25px}.content-area{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:25px}.sidebar-ad{margin:0}.topics-block{grid-column:span 2}.newsletter-inner{flex-wrap:wrap}.newsletter-form{width:100%;margin-left:90px}.explore-grid{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:2fr 1fr;gap:25px}}@media(max-width:540px){.container{padding-left:16px;padding-right:16px}.utility-links{display:none}.brand-row{min-height:88px;gap:9px}.brand-mark{width:36px;height:36px}.brand-text{font-size:25px}.brand-text small{font-size:8px}.header-actions{gap:4px}.icon-btn{width:34px;height:34px}.breaking{margin-top:14px;margin-bottom:29px;gap:11px}.breaking-label{padding:0 12px;font-size:12px}.breaking-time{display:none}.breaking-copy{font-size:12px;padding-right:8px}.hero-top{align-items:flex-start}.hero-top .text-link{display:none}h1{font-size:27px}h2{font-size:24px}.hero-grid{grid-template-columns:1fr;grid-template-rows:275px repeat(2,215px);gap:12px}.hero-card:first-child{grid-column:span 1}.hero-card:nth-child(4){display:none}.hero-card:first-child h3{font-size:23px}.hero-card .hero-body{padding:18px}.banner-ad{min-height:90px;text-align:center;padding:14px;margin-top:23px;margin-bottom:34px}.banner-ad strong{font-size:12px}.category-filter label{display:none}.category-filter select{max-width:125px;font-size:11px}.article-grid{grid-template-columns:1fr;gap:26px}.article-title{font-size:19px}.article-image{aspect-ratio:16/9}.sidebar{grid-template-columns:1fr}.topics-block{grid-column:auto}.newsletter-section{padding:35px 0}.newsletter-icon{display:none}.newsletter-inner{display:block}.newsletter-copy h2{font-size:22px}.newsletter-form{margin:20px 0 0}.newsletter-form input{width:55%}.newsletter-form button{font-size:11px}.explore-grid{gap:10px}.explore-grid button{padding:17px 11px;min-height:140px}.explore-grid button strong{font-size:13px}.explore-grid button small{font-size:10px}.footer-main{grid-template-columns:1fr 1fr;gap:20px}.footer-main>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column}.dialog-image{height:210px}.dialog-content-body{padding:21px}.dialog-content-body h2{font-size:24px}}
