:root{
  --n-bg:#060a11;--n-surface:#0c1320;--n-surface-2:#101a2a;--n-surface-3:#132238;
  --n-line:#24344d;--n-line-soft:#18263a;--n-text:#f6f8fc;--n-muted:#9eabc0;
  --n-cyan:#28d7ff;--n-blue:#4d7cff;--n-green:#45e0b1;--n-red:#ff6687;--n-amber:#ffc857;
  --n-shadow:0 22px 70px rgba(0,0,0,.28);--n-max:1480px;--n-radius:20px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.news-site{margin:0;background:
  radial-gradient(circle at 15% -10%,rgba(40,215,255,.08),transparent 30%),
  radial-gradient(circle at 95% 5%,rgba(77,124,255,.08),transparent 26%),var(--n-bg);
  color:var(--n-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65}
a{color:inherit}
.news-top{position:sticky;top:0;z-index:30;background:rgba(6,10,17,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--n-line-soft)}
.news-top-inner{max-width:var(--n-max);margin:auto;padding:14px 24px;display:flex;align-items:center;gap:22px}
.news-brand{text-decoration:none;display:grid;line-height:1.05;min-width:max-content}.news-brand b{font-size:20px;letter-spacing:-.02em}.news-brand span{font-size:10px;color:var(--n-muted);text-transform:uppercase;letter-spacing:.16em;margin-top:4px}
.news-nav{display:flex;gap:6px;overflow:auto;flex:1;scrollbar-width:none}.news-nav::-webkit-scrollbar{display:none}.news-nav a{padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--n-muted);font-size:13px;white-space:nowrap;border:1px solid transparent}.news-nav a:hover{background:var(--n-surface-2);border-color:var(--n-line);color:var(--n-text)}
.news-search{display:flex;gap:8px}.news-search input,.news-filter input,.news-filter select{height:44px;border:1px solid var(--n-line);border-radius:12px;background:var(--n-surface);color:var(--n-text);padding:0 13px;outline:none}.news-search input:focus,.news-filter input:focus,.news-filter select:focus{border-color:var(--n-cyan);box-shadow:0 0 0 3px rgba(40,215,255,.12)}
.news-btn{height:44px;padding:0 16px;border:1px solid var(--n-line);border-radius:12px;background:linear-gradient(180deg,var(--n-surface-3),var(--n-surface));color:var(--n-text);font-weight:850;cursor:pointer;transition:.2s}.news-btn:hover{transform:translateY(-1px);border-color:#3e6388}.news-btn:focus-visible{outline:3px solid rgba(40,215,255,.45);outline-offset:2px}
.breaking-bar{background:linear-gradient(90deg,#4b1021,#2a0d18);border-bottom:1px solid #76233a}.breaking-inner{max-width:var(--n-max);margin:auto;padding:9px 24px;display:flex;gap:14px;align-items:center;white-space:nowrap;overflow:hidden}.breaking-inner b{color:#ff9caf;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.breaking-inner a{text-decoration:none;overflow:hidden;text-overflow:ellipsis}
.news-wrap{max-width:var(--n-max);margin:auto;padding:32px 24px 70px}
.news-hero{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);gap:20px;margin-bottom:28px;align-items:stretch}
.news-feature{min-height:400px;border:1px solid var(--n-line);border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(145deg,#0c2f3d,#12182b);box-shadow:var(--n-shadow);text-decoration:none;isolation:isolate}
.news-feature img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.56;transition:transform .55s ease}.news-feature:hover img{transform:scale(1.025)}
.news-feature:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 80% 15%,rgba(40,215,255,.14),transparent 28%),
  linear-gradient(180deg,rgba(6,10,17,.08),rgba(6,10,17,.96));z-index:1}
.news-feature:not(:has(img)):after{content:"MR USMAN NEWSROOM";position:absolute;right:28px;top:28px;color:rgba(255,255,255,.08);font-size:clamp(34px,6vw,78px);font-weight:950;letter-spacing:-.06em;z-index:0}
.news-feature-content{position:absolute;z-index:2;left:30px;right:30px;bottom:28px;max-width:900px}.news-kicker,.news-chip{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(40,215,255,.4);border-radius:999px;color:var(--n-cyan);font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.1em;background:rgba(7,18,29,.68)}
.news-feature h1{font-size:clamp(34px,4.1vw,60px);line-height:1.03;margin:14px 0 12px;letter-spacing:-.045em}.news-feature p{max-width:760px;color:#d5dcea;margin:0;font-size:17px}
.news-side-stack{display:grid;gap:12px;grid-template-rows:repeat(4,1fr)}
.news-mini,.news-card,.news-sidebar-card{border:1px solid var(--n-line);border-radius:18px;background:linear-gradient(180deg,var(--n-surface-2),var(--n-surface));overflow:hidden}
.news-mini{padding:17px 18px;display:grid;gap:8px;text-decoration:none;align-content:center;transition:.2s}.news-mini:hover,.news-card:hover{border-color:#3d688c;transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.2)}.news-mini b{line-height:1.3}.news-mini time,.news-meta{color:var(--n-muted);font-size:12px}
.news-filter{display:flex;gap:10px;align-items:center;margin:24px 0;flex-wrap:wrap;padding:12px;border:1px solid var(--n-line-soft);background:rgba(12,19,32,.72);border-radius:16px}.news-filter input{min-width:260px;flex:1}.news-filter select{min-width:145px}
.news-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 290px;gap:22px;align-items:start}.news-sidebar{display:grid;gap:14px;position:sticky;top:92px}.news-sidebar-card{padding:18px}.news-sidebar-card h3{margin:0 0 12px;font-size:19px}.news-link-list{display:grid}.news-link-list a{padding:11px 0;border-bottom:1px solid var(--n-line-soft);text-decoration:none;color:var(--n-muted);line-height:1.35}.news-link-list a:last-child{border-bottom:0}.news-link-list a:hover{color:var(--n-cyan)}.news-link-list small{color:#72829a}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.news-card{display:flex;flex-direction:column;text-decoration:none;transition:.22s;min-height:100%}.news-card-media{height:205px;background:linear-gradient(135deg,#0c3040,#111932);position:relative;overflow:hidden}.news-card-media:after{content:"NEWS";position:absolute;right:18px;bottom:8px;font-size:42px;font-weight:950;letter-spacing:-.06em;color:rgba(255,255,255,.08)}.news-card-media img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;transition:transform .45s}.news-card:hover .news-card-media img{transform:scale(1.035)}.news-card-body{padding:19px;display:flex;flex-direction:column;gap:11px;flex:1}.news-card h2{font-size:22px;line-height:1.23;margin:0;letter-spacing:-.025em}.news-card p{color:var(--n-muted);margin:0}.news-card .news-meta{margin-top:auto;padding-top:12px;border-top:1px solid var(--n-line-soft)}
.news-empty{padding:70px 30px;text-align:center;border:1px dashed var(--n-line);border-radius:20px;color:var(--n-muted);background:linear-gradient(180deg,rgba(16,26,42,.72),rgba(8,13,22,.6));min-height:240px;display:grid;place-items:center}.news-empty:before{content:"No stories yet";display:block;color:var(--n-text);font-size:26px;font-weight:900;margin-bottom:6px}
.news-pagination{display:flex;justify-content:center;gap:7px;margin-top:26px;flex-wrap:wrap}.news-pagination a{min-width:40px;padding:8px 12px;border:1px solid var(--n-line);border-radius:10px;text-decoration:none;text-align:center}.news-pagination a.active{background:var(--n-cyan);color:#021018;border-color:var(--n-cyan)}
.news-footer{border-top:1px solid var(--n-line-soft);padding:38px 24px;color:var(--n-muted);background:#080d15}.news-footer-inner{max-width:var(--n-max);margin:auto;display:flex;justify-content:space-between;gap:20px}.news-footer a:hover{color:var(--n-cyan)}
.article-grid{display:grid;grid-template-columns:210px minmax(0,850px) 300px;gap:26px;align-items:start}.article-main{min-width:0}.article-breadcrumb{font-size:13px;color:var(--n-muted);margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--n-line-soft)}.article-breadcrumb a{text-decoration:none;color:#b8c5d8}.article-header{padding-bottom:22px}.article-header h1{font-size:clamp(40px,5.1vw,70px);line-height:1.02;margin:14px 0 18px;letter-spacing:-.05em}.article-deck{font-size:21px;color:#cad3e2;max-width:760px;margin:0}.article-meta{display:flex;gap:10px 18px;flex-wrap:wrap;color:var(--n-muted);font-size:13px;margin:20px 0 0}.article-meta span,.article-meta time{display:inline-flex;align-items:center;gap:6px}.article-image{width:100%;max-height:540px;object-fit:cover;border-radius:20px;border:1px solid var(--n-line);box-shadow:var(--n-shadow)}figure{margin:0 0 28px}figcaption{color:var(--n-muted);font-size:12px;margin-top:8px}.article-content{font-family:Georgia,serif;font-size:19px;color:#e1e7ef;max-width:760px}.article-content>*:first-child{margin-top:0}.article-content p{margin:0 0 1.35em}.article-content h2,.article-content h3{font-family:Inter,system-ui,sans-serif;line-height:1.18;margin:44px 0 16px;letter-spacing:-.025em}.article-content h2{font-size:31px}.article-content h3{font-size:24px}.article-content a{color:var(--n-cyan)}.article-content img{max-width:100%;border-radius:14px}.article-content blockquote{border-left:3px solid var(--n-cyan);margin:26px 0;padding:14px 18px;background:var(--n-surface);color:#cfd7e4}.article-source,.article-disclaimer{margin:28px 0;padding:19px;border:1px solid var(--n-line);border-radius:15px;background:var(--n-surface)}
.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--n-cyan),var(--n-green));z-index:60;width:0}.share-stack{display:grid;gap:8px}.share-stack button{width:100%}.news-stat{display:grid;grid-template-columns:1fr 1fr;gap:8px}.news-stat div{padding:11px;background:var(--n-surface-2);border-radius:11px;text-align:center}.news-stat strong{display:block;font-size:21px}.news-stat span{font-size:11px;color:var(--n-muted)}
@media(max-width:1100px){.news-layout,.article-grid{grid-template-columns:1fr}.news-sidebar{position:static}.news-left{display:none}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-hero{grid-template-columns:1fr}.news-side-stack{grid-template-columns:repeat(2,1fr);grid-template-rows:none}}
@media(max-width:760px){.news-top-inner{align-items:flex-start;flex-wrap:wrap}.news-nav{order:3;width:100%}.news-search{width:100%;order:4}.news-search input{flex:1}.news-wrap{padding:22px 16px 50px}.news-feature{min-height:360px}.news-feature-content{left:20px;right:20px;bottom:20px}.news-feature h1{font-size:38px}.news-grid{grid-template-columns:1fr}.news-side-stack{grid-template-columns:1fr}.news-filter>*{width:100%}.article-header h1{font-size:42px}.article-deck{font-size:18px}.news-footer-inner{flex-direction:column}.news-card-media{height:180px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V18.3 editorial footer and layout refinement */
.news-footer{padding:0;background:#090e17;border-top:1px solid var(--n-line-soft)}
.news-footer-shell{max-width:var(--n-max);margin:auto;padding:48px 24px 24px}
.news-footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,minmax(150px,.72fr));gap:44px;padding-bottom:34px}
.news-footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.news-footer-grid h3{margin:0 0 5px;color:#f1f5fb;font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.news-footer-grid a,.news-footer-grid span{color:var(--n-muted);text-decoration:none;font-size:14px;line-height:1.45}
.news-footer-grid a:hover{color:var(--n-cyan)}
.news-footer-brand strong{font-size:21px;color:#f5f8fc}.news-footer-brand p{max-width:390px;margin:0;color:var(--n-muted);line-height:1.65}
.news-footer-badge{display:inline-flex!important;border:1px solid rgba(69,224,177,.35);color:#67e9c5!important;background:rgba(14,87,71,.18);padding:7px 10px;border-radius:999px;font-size:11px!important;font-weight:800}
.news-footer-bottom{border-top:1px solid var(--n-line-soft);padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#728098;font-size:12px}.news-footer-bottom a{color:#9caac0;text-decoration:none}.news-footer-bottom a:hover{color:var(--n-cyan)}
.news-feature{min-height:350px}.news-feature-content{bottom:24px}.news-feature h1{max-width:850px}
.article-main{padding:4px 0}.article-content{line-height:1.8}.article-source,.article-disclaimer{box-shadow:0 12px 30px rgba(0,0,0,.12)}
@media(max-width:900px){.news-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.news-footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:640px){.news-footer-shell{padding:34px 18px 20px}.news-footer-grid{grid-template-columns:1fr;gap:28px}.news-footer-grid>div:last-child{grid-column:auto}.news-footer-bottom{align-items:flex-start;flex-direction:column}.news-feature{min-height:320px}}