/* ============================================================================
   चुगलखोर NEWS — "Night Gold" theme (2026)
   Loaded AFTER site.css / mobile-premium.css. Re-skins the whole site to the
   dark-navy + gold glassmorphism look without touching the data/render engine.
   ============================================================================ */

/* ---------- motion-safe ---------- */
@media (prefers-reduced-motion: reduce){
  #ckPattern .row{animation:none !important}
}

/* ---------- design tokens ---------- */
:root{
  --bg:#09112f;
  --ink:#f4f6ff;
  --ink-soft:#cfd7f5;
  --muted:#9aa6d1;

  --paper:rgba(17,27,66,.72);
  --card:rgba(17,27,66,.72);
  --card-solid:#111b42;
  --line:rgba(251,210,5,.16);
  --line-soft:rgba(255,255,255,.08);

  --brand:#fbd205;
  --maroon:#fbd205;
  --maroon-deep:#e0b800;
  --maroon-bright:#fbd205;
  --gold:#fbd205;
  --cream:rgba(251,210,5,.10);
  --accent:#fbd205;
  --accent-ink:#09112f;
  --glow:rgba(251,210,5,.22);

  --teal:#7fb2ff;
  --teal-deep:#22305f;
  --teal-light:#a9c8ff;
  --wa:#25d366;

  --shadow:0 8px 26px rgba(0,0,0,.30);
  --shadow-lg:0 18px 50px rgba(0,0,0,.44);
  --radius:16px;
  --radius-sm:10px;

  --pat-dark:#1a2858;
  --pat-light:#111b42;
  --btn-bg:linear-gradient(135deg,#ffe45c,#fbd205 55%,#e0b800);
  --btn-ink:#09112f;

  --serif:"Playfair Display","Noto Sans Devanagari",Georgia,"Times New Roman",serif;
}

/* ---------- base ---------- */
html{background:var(--bg)}
body,
body.home-page,
body.article-page{
  background:radial-gradient(1200px 600px at 50% -10%,#16245a 0,var(--bg) 60%) fixed,var(--bg) !important;
  color:var(--ink) !important;
  font-family:'Poppins','Noto Sans Devanagari',-apple-system,'Segoe UI',Roboto,sans-serif;
}
body.home-page{
  background:
    radial-gradient(1100px 560px at 50% -12%,rgba(22,36,90,.95) 0,transparent 62%),
    radial-gradient(circle at 8% 8%,rgba(251,210,5,.05),transparent 26rem),
    radial-gradient(circle at 92% 26%,rgba(127,178,255,.05),transparent 26rem),
    var(--bg) !important;
}
::selection{background:var(--brand);color:var(--accent-ink)}

/* headings → serif */
.section-title,h1,h2,h3,.cf-main-body h3,.hlist-body h3,
.article-header h1,.page-head h1,.footer-logo,.ig-reels-head h2,
.not-found h2{font-family:var(--serif)}

/* ---------- animated brand pattern background ---------- */
#ckPattern{
  position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;user-select:none;
  opacity:.9;
  -webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.5) 100%);
  mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.5) 100%);
}
#ckPattern .row{
  white-space:nowrap;height:69px;line-height:69px;font-weight:600;letter-spacing:1.5px;
  font-size:18px;will-change:transform;animation:ckSlideL 46s linear infinite;
}
#ckPattern .row.rev{animation-name:ckSlideR}
#ckPattern .d{color:var(--pat-dark)}
#ckPattern .l{color:var(--pat-light)}
@keyframes ckSlideL{from{transform:translateX(var(--x))}to{transform:translateX(calc(var(--x) - var(--p)))}}
@keyframes ckSlideR{from{transform:translateX(calc(var(--x) - var(--p)))}to{transform:translateX(var(--x))}}
@media (prefers-reduced-motion: reduce){#ckPattern{opacity:.6}}

/* ---------- reading progress ---------- */
#readProgress{background:linear-gradient(90deg,#ffe45c,#fbd205,#e0b800) !important;height:3px}

/* ---------- topbar ---------- */
.topbar,
.home-page .topbar{
  background:rgba(9,17,47,.62) !important;
  border-bottom:1px solid var(--line) !important;
  color:var(--muted) !important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  padding:6px 0;
}
.topbar .wrap{justify-content:flex-start !important}
.topbar-social{margin-left:auto}
.topbar-social a,.topbar-social i{color:var(--muted) !important;transition:color .2s,transform .2s}
.topbar-social a:hover,.topbar-social i:hover{color:var(--brand) !important;transform:translateY(-1px)}
.ck-live{
  display:inline-flex;align-items:center;gap:6px;flex:none;
  font-weight:700;letter-spacing:1.5px;font-size:11px;
  color:var(--accent-ink) !important;background:var(--brand);
  padding:3px 10px;border-radius:99px;
}
.ck-live i{width:7px;height:7px;border-radius:50%;background:#e11d2e;animation:ckPulse 1.4s infinite}
@keyframes ckPulse{50%{opacity:.2}}
.ck-today{flex:none;white-space:nowrap;color:var(--muted) !important;font-size:12px}
.topbar-trending{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted)}
.topbar-trending a,.topbar-trending span{color:var(--muted)}
@media(max-width:640px){
  .ck-today{display:none}
  .topbar-trending{display:none}
}

/* ---------- header / masthead ---------- */
header,
.home-page header{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  box-shadow:0 12px 40px rgba(0,0,0,.34) !important;
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  position:sticky;top:calc(8px + env(safe-area-inset-top,0px));z-index:80;
  max-width:1240px;margin:10px auto 0;
}
header.compact{border-radius:16px !important}
.header-inner{padding:12px 18px 10px !important}
.logo{color:var(--ink)}
.logo img{filter:drop-shadow(0 6px 16px rgba(0,0,0,.45))}
.logo-text b,.masthead-name{color:var(--brand) !important}
.brand-tagline{color:var(--muted) !important;border-color:var(--line) !important}

.search-box{
  background:rgba(9,17,47,.6) !important;
  border:1px solid var(--line) !important;
  color:var(--ink);
}
.search-box input{color:var(--ink) !important}
.search-box input::placeholder{color:var(--muted)}
.search-box .fa-magnifying-glass{color:var(--brand) !important}
.search-box:focus-within{border-color:var(--brand) !important;box-shadow:0 0 0 3px var(--glow) !important}
.home-page .search-box::after{color:var(--muted) !important;border-color:var(--line) !important}

.cta-btn,.app-dl-btn{
  background:var(--btn-bg) !important;color:var(--accent-ink) !important;
  border:none !important;box-shadow:0 6px 22px var(--glow) !important;
}
.cta-btn:hover,.app-dl-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--glow) !important}

/* ---------- nav ---------- */
nav,.home-page nav{
  background:transparent !important;
  border-top:1px solid var(--line) !important;
}
nav a.nav-link{
  color:var(--ink-soft) !important;font-weight:600;letter-spacing:.1px;
  border-bottom:2px solid transparent;
}
nav a.nav-link:hover{color:var(--brand) !important}
nav a.nav-link.active{color:var(--brand) !important;border-color:var(--brand) !important}
.home-page nav a.nav-link.active{border-image:none !important}
.nav-drop > button{color:var(--ink-soft) !important}
.nav-drop > button:hover{color:var(--brand) !important}
.nav-menu{
  background:rgba(12,20,52,.96) !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  box-shadow:0 26px 70px rgba(0,0,0,.5) !important;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.nav-menu-title{color:var(--muted) !important;border-bottom-color:var(--line) !important}
.nav-menu-grid a{color:var(--ink-soft) !important}
.nav-menu-grid a:hover{background:rgba(251,210,5,.10) !important;color:var(--brand) !important}
.nav-menu-grid a i{color:var(--brand) !important}
.hamburger{color:var(--ink) !important}

/* ---------- breaking ticker ---------- */
.ticker-bar,
.home-page .ticker-bar{
  background:linear-gradient(90deg,#e0b800,#fbd205 50%,#ffe45c) !important;
  color:#09112f !important;
  box-shadow:0 6px 20px rgba(251,210,5,.18) !important;
  border-radius:0;
}
.ticker-label{background:#09112f !important;color:var(--brand) !important;letter-spacing:.6px}
.ticker-track{color:#09112f}
.ticker-track span{color:#09112f !important}
.ticker-track i{color:#09112f !important}
.ticker-track a{color:#09112f !important;font-weight:600}
.ticker-track a:hover{color:#3a2c00 !important}
.ticker-track .badge-breaking{background:#09112f !important;color:var(--brand) !important}

/* ---------- sections ---------- */
.section-head{margin-bottom:16px}
.section-title{color:var(--ink) !important;font-weight:800;letter-spacing:-.2px}
.section-title::after{
  background:linear-gradient(90deg,var(--brand),rgba(251,210,5,0)) !important;
  width:64px !important;height:3px !important;border-radius:3px;
}
.home-page .section-title::after{background:linear-gradient(90deg,var(--brand),rgba(251,210,5,0)) !important}
.section-title i{color:var(--brand) !important}
.home-page .section-title i{background:var(--cream) !important;color:var(--brand) !important;border-radius:10px}
.section-title .count-chip{
  background:rgba(251,210,5,.12) !important;border-color:var(--line) !important;color:var(--brand) !important;
}
.see-all{
  color:var(--brand) !important;background:rgba(251,210,5,.08) !important;
  border:1px solid var(--line) !important;padding:7px 13px !important;border-radius:999px !important;
}
.see-all:hover{background:var(--brand) !important;color:var(--accent-ink) !important;border-color:var(--brand) !important}

/* ---------- story cards ---------- */
.story-card,
.home-page .story-card{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  border-radius:18px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  overflow:hidden;
}
.story-card:hover{
  transform:translateY(-5px) !important;
  border-color:var(--brand) !important;
  box-shadow:0 18px 48px var(--glow),0 12px 30px rgba(0,0,0,.4) !important;
}
.story-card .card-media{background:#0b1330 !important}
.story-card .card-body{padding:13px 15px 15px !important}
.story-card .card-title{color:var(--ink) !important;font-weight:700}
.story-card:hover .card-title{color:var(--brand) !important}
.card-media-fallback{background:linear-gradient(145deg,#0d1738,#1a2858) !important;color:var(--brand) !important}
.card-media .card-tag{
  background:rgba(9,17,47,.72) !important;color:var(--brand) !important;
  border:1px solid var(--line) !important;border-radius:6px !important;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.card-media .break-badge{background:var(--brand) !important;color:var(--accent-ink) !important}
.card-meta{color:var(--muted) !important}
.card-meta .cat{color:var(--brand) !important}
.card-meta .cat.teal{color:var(--teal) !important}
.card-meta .sep{color:var(--line) !important}

/* ---------- hero ---------- */
.hero-section{border-radius:22px}
.hero-main,.home-page .hero-main,
.hero-card,.home-page .hero-card{
  border-radius:20px !important;
  box-shadow:0 16px 44px rgba(0,0,0,.42) !important;
  border:1px solid var(--line) !important;
  overflow:hidden;
}
.hero-main{background:#0a1230 !important}
.hero-card{background:#0a1230 !important}
.hero-main:hover,.hero-card:hover{border-color:var(--brand) !important;box-shadow:0 20px 54px var(--glow),0 14px 40px rgba(0,0,0,.45) !important}
.hero-main-body h1,.hero-card-body h2{font-family:var(--serif);color:#fff !important}
.hero-main-body p{color:rgba(255,255,255,.9) !important}
.hero-cat,.hero-meta .hero-cat{background:var(--brand) !important;color:var(--accent-ink) !important;border-radius:5px}
.badge-breaking{background:var(--brand) !important;color:var(--accent-ink) !important;border-radius:6px}
.hero-meta,.hero-meta-time{color:rgba(255,255,255,.92) !important}

/* ---------- category blocks ---------- */
.cat-section,.cat-feature .cf-main,.cf-side,.hlist-card,.mr2-item{
  background:var(--card) !important;border:1px solid var(--line) !important;border-radius:18px !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 10px 30px rgba(0,0,0,.26) !important;
}
.cat-section{border-left:3px solid var(--brand) !important}
.cat-section .cat-head h2{color:var(--ink) !important;font-family:var(--serif)}
.cat-section .cat-head h2 i,.cf-main-meta .cf-cat{color:var(--brand) !important}
.cf-main:hover,.hlist-card:hover,.mr2-item:hover,.cf-side:hover{
  border-color:var(--brand) !important;box-shadow:0 16px 44px var(--glow) !important;
}
.cf-main-body h3,.hlist-body h3{color:var(--ink) !important}
.cf-main:hover h3,.hlist-card:hover h3{color:var(--brand) !important}
.cf-main-media,.hlist-media{background:#0b1330 !important}
.cf-main-meta,.hlist-meta{color:var(--muted) !important}
.mr2-item .mr2-num,.mr-num,.trend-num{color:var(--brand) !important}
.mr2-item a{color:var(--ink) !important}
.mr2-item a:hover{color:var(--brand) !important}

/* ---------- panels / sidebar ---------- */
.panel,.live-panel{
  background:var(--card) !important;border:1px solid var(--line) !important;
  border-radius:18px !important;box-shadow:0 10px 30px rgba(0,0,0,.26) !important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.live-panel{border-top:3px solid var(--brand) !important}
.panel h3.panel-title{border-bottom-color:var(--brand) !important;color:var(--ink) !important}
.live-title{color:var(--ink) !important;border-bottom-color:var(--line) !important}
.live-title i{color:var(--brand) !important}
.live-item{border-bottom-color:var(--line) !important}
.live-item:hover{background:rgba(251,210,5,.06) !important}
.live-item:hover p{color:var(--brand) !important}
.live-item p{color:var(--ink) !important}
.live-time{color:var(--teal) !important}
.live-time .break-chip{background:var(--brand) !important;color:var(--accent-ink) !important}
.live-empty{color:var(--muted) !important;border-color:var(--line) !important}
.trend-item{border-bottom-color:var(--line) !important}
.trend-item p{color:var(--ink) !important}
.trend-item:hover p{color:var(--brand) !important}
.trend-num{background:rgba(251,210,5,.10) !important;border-color:var(--line) !important}
.trend-item:first-child .trend-num{background:var(--brand) !important;color:var(--accent-ink) !important;border-color:var(--brand) !important}
.sidebar-social a{background:rgba(251,210,5,.08) !important;border-color:var(--line) !important;color:var(--brand) !important}
.sidebar-social a:hover{background:var(--brand) !important;color:var(--accent-ink) !important}

/* ---------- instagram reels ---------- */
.ig-reels-head h2{color:var(--ink) !important}
.ig-reel-card{
  background:var(--card) !important;border:1px solid var(--line) !important;border-radius:18px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.26) !important;
}
.ig-reel-card:hover{border-color:var(--brand) !important;box-shadow:0 16px 44px var(--glow) !important}
.home-page .ig-reel-thumb{background:linear-gradient(145deg,#0d1738,#16245a 52%,#1a2858) !important}

/* ---------- newsletter ---------- */
.newsletter-strip{
  background:var(--card) !important;border:1px solid var(--line) !important;border-radius:22px !important;
  color:var(--ink) !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 12px 36px rgba(0,0,0,.3) !important;
}
.newsletter-strip i{color:var(--brand) !important}
.newsletter-strip input{background:rgba(9,17,47,.6) !important;border:1px solid var(--line) !important;color:var(--ink) !important;border-radius:999px}
.newsletter-strip button,.newsletter-strip .nl-btn{background:var(--btn-bg) !important;color:var(--accent-ink) !important;border:none !important;border-radius:999px}

/* ---------- footer ---------- */
footer{
  background:rgba(9,17,47,.7) !important;color:var(--muted) !important;
  border-top:1px solid var(--line) !important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.footer-logo{color:var(--ink) !important}
.footer-grid h5{color:var(--brand) !important;letter-spacing:1.4px;text-transform:uppercase;font-size:12px}
.footer-grid a{color:var(--muted) !important}
.footer-grid a:hover{color:var(--brand) !important}
.footer-bottom{border-top-color:var(--line) !important;color:var(--muted) !important}
.social-row a{background:rgba(251,210,5,.08) !important;color:var(--brand) !important}
.social-row a:hover{background:var(--brand) !important;color:var(--accent-ink) !important}
.foot,.fgrid,.fbar{color:var(--muted) !important}
.foot{border-color:var(--line) !important}

/* ---------- buttons / generic ---------- */
.btn,.btn.sm{
  background:var(--btn-bg) !important;color:var(--accent-ink) !important;border:0 !important;
  border-radius:999px !important;box-shadow:0 6px 22px var(--glow) !important;font-weight:600;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--glow) !important}
.chip{
  background:transparent !important;border:1px solid var(--line) !important;color:var(--ink) !important;border-radius:999px !important;
}
.chip:hover{border-color:var(--brand) !important;color:var(--brand) !important}
.chip.on{background:var(--brand) !important;color:var(--accent-ink) !important;border-color:var(--brand) !important;font-weight:700}
.tb-btn{background:none !important;border:1px solid var(--line) !important;color:var(--brand) !important}
.tb-btn:hover{background:rgba(251,210,5,.12) !important}
.icon-btn{color:var(--ink) !important}
.icon-btn:hover{color:var(--brand) !important}
.icon-btn .dot{background:var(--brand) !important;color:var(--accent-ink) !important}
.bm-story{background:none !important;border:1px solid var(--line) !important;color:var(--brand) !important}
.bm-story:hover{border-color:var(--brand) !important;background:rgba(251,210,5,.08) !important}
.bm-story.active{background:var(--brand) !important;color:var(--accent-ink) !important;border-color:var(--brand) !important}
.back-home{color:var(--brand) !important}

/* ---------- article page ---------- */
.article-layout{gap:28px}
.article-header .badge{background:var(--brand) !important;color:var(--accent-ink) !important;border-radius:6px}
.article-header h1{color:var(--ink) !important;letter-spacing:-.3px}
.article-header .meta{color:var(--muted) !important}
.article-image{border-radius:16px;border:1px solid var(--line);overflow:hidden}
.article-body{color:var(--ink-soft) !important}
.article-body p{color:var(--ink-soft) !important}
.article-body .lead{color:var(--ink) !important}
.article-body a{color:var(--brand)}
.article-body h2,.article-body h3{color:var(--ink) !important;font-family:var(--serif)}
.article-body blockquote{
  background:rgba(251,210,5,.06);border-left:3px solid var(--brand);border-radius:0 12px 12px 0;
  padding:14px 16px;color:var(--ink) !important;
}
.source-box{background:rgba(9,17,47,.6) !important;border:1px solid var(--line) !important;border-left:3px solid var(--brand) !important;color:var(--muted) !important;border-radius:10px}
.source-img-credit{color:var(--muted) !important}
.article-share .share-btn{background:rgba(251,210,5,.08) !important;color:var(--ink) !important;border:1px solid var(--line) !important}
.article-share .share-btn:hover{border-color:var(--brand) !important;color:var(--brand) !important}
.article-author{color:var(--muted)}
.article-author img{border-radius:50%;border:2px solid var(--brand)}
.related-section .story-card{background:var(--card) !important}
.related-grid{gap:14px}

/* comments */
.ck-comments{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:18px !important;backdrop-filter:blur(10px)}
.ck-comments-title{color:var(--ink) !important}
.ck-comments-count{color:var(--brand) !important}
.ck-comment{border-bottom-color:var(--line) !important}
.ck-comment-avatar{background:var(--brand) !important;color:var(--accent-ink) !important}
.ck-comment-head{color:var(--ink) !important}
.ck-comment-text{color:var(--ink-soft) !important}
.ck-comment-time{color:var(--muted) !important}
.ck-comment-empty{color:var(--muted) !important}
.ck-comment-form input,.ck-comment-form textarea{
  background:rgba(9,17,47,.6) !important;border:1px solid var(--line) !important;color:var(--ink) !important;border-radius:12px;
}
.ck-comment-send{background:var(--btn-bg) !important;color:var(--accent-ink) !important;border:0 !important;border-radius:999px}
.ck-comment-note{color:var(--muted) !important}

/* ---------- breadcrumbs / page head ---------- */
.breadcrumbs{color:var(--muted) !important}
.breadcrumbs a{color:var(--brand) !important}
.breadcrumbs .sep{color:var(--line) !important}
.page-head h1{color:var(--ink) !important}
.page-head .crumb,.page-head .crumb a{color:var(--muted)}
.page-head .crumb a:hover{color:var(--brand)}

/* ---------- tables / lists (market, static) ---------- */
.market-card,.market-tile,.watch-card{background:var(--card) !important;border-color:var(--line) !important}
table{color:var(--ink)}
th{color:var(--brand) !important}
td,th{border-color:var(--line) !important}

/* ---------- forms ---------- */
input,textarea,select{color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--muted)}
.form-card,.contact-card,.static-page,.content-card,.legal-card{
  background:var(--card) !important;border:1px solid var(--line) !important;border-radius:20px !important;
  color:var(--ink-soft) !important;backdrop-filter:blur(10px);
}
input:focus,textarea:focus,select:focus{outline:2px solid var(--brand);outline-offset:1px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--glow);outline-offset:2px;border-radius:6px}

/* ---------- modal / search suggest / dropdowns ---------- */
.modal-overlay{background:rgba(3,7,20,.8) !important}
.modal-box{background:#0d1738 !important;border:1px solid var(--line) !important;color:var(--ink) !important}
.modal-box h3{font-family:var(--serif)}
.modal-close{background:rgba(251,210,5,.15) !important;color:var(--brand) !important}
.search-suggest,.notif-drop,.bm-drop{
  background:rgba(12,20,52,.97) !important;border:1px solid var(--line) !important;color:var(--ink) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.5) !important;backdrop-filter:blur(16px);
}
.ss-item{color:var(--ink) !important;border-bottom-color:var(--line) !important}
.ss-item:hover,.ss-item.hl{background:rgba(251,210,5,.10) !important}
.ss-item b,.ss-item .ss-sub .ss-cat{color:var(--brand) !important}
.ss-foot{color:var(--muted) !important;border-top-color:var(--line) !important}
.drop-head{border-bottom-color:var(--line) !important;color:var(--ink) !important}
.drop-head a{color:var(--brand) !important}
.drop-item{border-bottom-color:var(--line) !important}
.drop-item:hover{background:rgba(251,210,5,.06) !important}
.drop-item p{color:var(--ink) !important}
.drop-item time,.drop-empty{color:var(--muted) !important}

/* ---------- chatbot ---------- */
.chatbot-fab{background:#0d1738 !important;border:2px solid var(--brand) !important}
.chatbot-panel{background:#0d1738 !important;border:1px solid var(--line) !important}
.cb-head{background:var(--btn-bg) !important;color:var(--accent-ink) !important}
.cb-info small{color:var(--accent-ink) !important}
.cb-body{color:var(--ink-soft) !important}
.cb-quick button{background:rgba(251,210,5,.08) !important;border-color:var(--line) !important;color:var(--ink) !important}
.cb-input input{background:rgba(9,17,47,.6) !important;border:1px solid var(--line) !important;color:var(--ink) !important}

/* ---------- back-to-top ---------- */
#backTop{background:var(--btn-bg) !important;color:var(--accent-ink) !important;box-shadow:0 10px 30px var(--glow) !important}
#backTop:hover{transform:translateY(-3px)}

/* ---------- skeleton ---------- */
.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(251,210,5,.10) 37%,rgba(255,255,255,.04) 63%) !important;background-size:400% 100% !important}
.sk-card{background:var(--card) !important;border-color:var(--line) !important}
.home-page .hero-premium:empty,.home-page .stories-grid:empty{
  background:linear-gradient(105deg,rgba(255,255,255,.04) 20%,rgba(251,210,5,.08) 38%,rgba(255,255,255,.04) 56%) !important;
  background-size:220% 100% !important;border:1px solid var(--line);border-radius:18px;
}
.empty-msg,.not-found,.empty{background:var(--card) !important;border-color:var(--line) !important;color:var(--muted) !important}

/* ---------- 404 / static content ---------- */
body:not(.home-page):not(.article-page) .content h2,
body:not(.home-page):not(.article-page) .content h3{color:var(--ink) !important;font-family:var(--serif)}
body:not(.home-page):not(.article-page) .content p{color:var(--ink-soft) !important}
body:not(.home-page):not(.article-page) .content a{color:var(--brand)}

/* ---------- scrollbar ---------- */
*{scrollbar-color:var(--brand) rgba(255,255,255,.06);scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}
*::-webkit-scrollbar-thumb{background:rgba(251,210,5,.5);border-radius:6px}
*::-webkit-scrollbar-thumb:hover{background:var(--brand)}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .nav-inner{
    background:rgba(12,20,52,.98) !important;border-color:var(--line) !important;
    backdrop-filter:blur(16px);
  }
  .nav-inner a.nav-link,.nav-drop > button{
    color:var(--ink-soft) !important;border-bottom-color:var(--line) !important;
  }
  .nav-menu{background:transparent !important}
}
@media(max-width:640px){
  header,.home-page header{border-radius:14px !important;top:calc(6px + env(safe-area-inset-top,0px)) !important}
  .header-inner{padding:10px 14px 8px !important}
  .story-card{border-radius:14px !important}
}