/* ============================================================
   NEWS MONITOR — Main Stylesheet
   File: public_html/assets/css/app.css
   ============================================================ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

/* ══ THEME TOKENS ══ */
:root{
  --red:#ff3b5c; --orange:#ff8c1a; --yellow:#e8b800; --green:#1de982;
  --red-fade:rgba(255,59,92,.12);
  --cyan:#00ccff;
  --cyan-g:rgba(0,204,255,.07);
  --cyan-m:rgba(0,204,255,.15);
}
body.dark{
  --bg:#080808; --panel:#0f0f0f; --panel2:#141414; --panel3:#1a1a1a;
  --border:rgba(255,255,255,0.08); --border2:rgba(255,255,255,0.16);
  --text:#d8d8d8; --text-dim:#aaa; --bright:#f8f8f8;
  --muted:#686868; --dim:#1a1a1a;
  --card-bg:#111; --card-hov:#1c1c1c;
  --sum-col:#999;
  --nav-color:#ccc;
}
body.ocean{
  --bg:#06101e; --panel:#091628; --panel2:#0b1a2e; --panel3:#0f2038;
  --border:#1e3858; --border2:#285070;
  --text:#cce4f8; --text-dim:#88b4d4; --bright:#eaf6ff;
  --muted:#5a8aaa; --dim:#091628;
  --card-bg:#091628; --card-hov:#0f2038;
  --sum-col:#98bcd4;
  --nav-color:#cce4f8;
}
body.light{
  --bg:#e8ecf2; --panel:#f8f9fb; --panel2:#edf0f5; --panel3:#e2e6ed;
  --border:#c2cdd8; --border2:#a8b8c8;
  --text:#0e1e2c; --text-dim:#3a5a70; --bright:#060e18;
  --muted:#6a8898; --dim:#dde2ea;
  --card-bg:#f8f9fb; --card-hov:#edf0f5;
  --sum-col:#2e4e62;
  --red:#c8193c; --orange:#b56000; --yellow:#907000; --green:#088040;
  --red-fade:rgba(200,25,60,.1);
  --nav-color:#1a3a50;
}

body{
  font-family:'Rajdhani',sans-serif;
  background:var(--bg);color:var(--text);
  height:100vh;overflow:hidden;
  margin:0;padding:0;
  transition:background .25s,color .25s;
}
body.auth-page,body.profile-page,body.admin-page{height:auto;overflow:auto;}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(0,204,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,204,255,.012) 1px,transparent 1px);
  background-size:40px 40px;
}
body.ocean::before{background-image:none;}
body.light::before{opacity:.3}

/* ── Light theme: elements that use --muted are too faint on light bg ── */
body.light .mode-btn{color:#111;}
body.light .bookmarks-btn,
body.light .admin-btn,
body.light .profile-btn{color:#111;}
body.light .feed-count{color:#111;}
body.light .trend-item{color:#111;}
body.light .idx-name{color:#111;}

/* ══ ANIMATIONS ══ */
@keyframes dot-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.1;transform:scale(.6)}}
@keyframes bdr-pulse{0%,100%{border-color:rgba(255,59,92,.85)}50%{border-color:rgba(255,59,92,.18)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes spin{to{transform:rotate(360deg)}}

/* ══ LAYOUT ══ */
.shell{
  display:grid;
  grid-template-columns:242px 1fr 258px;
  grid-template-rows:44px 25px 1fr;
  height:100vh;
  position:relative;
}

/* ══ TOP BAR 1 ══ */
.topbar1{
  grid-column:1/-1;
  display:flex;align-items:center;
  background:var(--panel);border-bottom:1px solid var(--border);
  z-index:10;
}
.topbar1-brand{
  width:220px;flex-shrink:0;
  display:flex;align-items:center;
  padding:3px 20px;
  border-right:1px solid var(--border);height:100%;
}
.brand-inner{display:inline-flex;flex-direction:column;min-width:0;width:100%;}
.brand-row1{display:flex;align-items:center;gap:.5rem;margin-top:4px;margin-bottom:2px;width:100%;}
.brand-live-box{
  font-family:'JetBrains Mono',monospace;font-size:.48rem;font-weight:600;
  letter-spacing:.2em;color:var(--red);border:1px solid rgba(255,59,92,.85);
  padding:0px 3px;display:flex;align-items:center;gap:.3rem;
  animation:bdr-pulse 1.4s ease-in-out infinite;flex-shrink:0;white-space:nowrap;
}
.brand-live-dot{width:4px;height:4px;border-radius:50%;background:var(--red);
  box-shadow:0 0 5px var(--red);animation:dot-pulse 1.1s ease-in-out infinite;}
.brand-divider{width:1px;height:11px;background:var(--border2);flex-shrink:0;}
.brand-tagline{
  font-family:'Oswald',sans-serif;font-size:.58rem;font-weight:700;
  letter-spacing:.22em;color:#ccc;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
.brand-name{
  font-family:'Barlow Condensed',sans-serif;
  font-size:1.25rem;font-weight:900;letter-spacing:.06em;line-height:.8;
  white-space:nowrap;display:block;width:100%;margin-bottom:4px;
}
.brand-name .w1{color:var(--cyan)}
.brand-name .w2{color:var(--bright)}

/* topbar tabs */
.topbar-tabs{display:flex;gap:0;flex:1;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent;-ms-overflow-style:none;}
.topbar-tabs:hover{scrollbar-color:var(--border2) transparent;}
.topbar-tabs::-webkit-scrollbar{height:2px;}
.topbar-tabs::-webkit-scrollbar-thumb{background:transparent;border-radius:1px;}
.topbar-tabs:hover::-webkit-scrollbar-thumb{background:var(--border2);}
.topbar-tab{
  font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.09em;
  padding:0 10px;height:100%;
  background:transparent;border:none;border-bottom:2px solid transparent;
  color:var(--nav-color);cursor:pointer;transition:all .18s;text-transform:uppercase;
  white-space:nowrap;display:flex;align-items:center;
}
.topbar-tab:hover{color:var(--text);border-bottom-color:var(--border2);}
.topbar-tab.active{color:var(--cyan);border-bottom-color:var(--cyan);background:var(--cyan-g);}

.topbar1-right{
  flex-shrink:0;padding:0 12px;
  border-left:1px solid var(--border);height:100%;
  display:flex;align-items:center;gap:8px;
}
#clock{
  font-family:'JetBrains Mono',monospace;font-size:.66rem;
  color:var(--text-dim);letter-spacing:.06em;white-space:nowrap;
  border:1px solid var(--border);padding:4px 9px;background:var(--dim);
}
.refresh-btn{
  display:flex;align-items:center;gap:5px;
  font-family:'JetBrains Mono',monospace;font-size:.66rem;
  font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid rgba(0,204,255,.35);color:var(--cyan);
  background:transparent;padding:5px 9px 6px 9px;cursor:pointer;transition:all .18s;
  height:auto;line-height:1;white-space:nowrap;
}
.refresh-btn:hover{background:var(--cyan-m);border-color:var(--cyan);}
.refresh-btn.spinning .ricon{animation:spin .7s linear infinite;}

/* ══ TOP BAR 2 — ticker ══ */
.topbar2{
  grid-column:1/-1;
  background:var(--panel2);border-bottom:1px solid var(--border);
  overflow:hidden;position:relative;
  display:flex;align-items:stretch;
  padding:0;margin:0;
}
.topbar2::before,.topbar2::after{
  content:'';position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none;
}
.topbar2::before{left:0;background:linear-gradient(90deg,var(--panel2),transparent);}
.topbar2::after{right:0;background:linear-gradient(270deg,var(--panel2),transparent);}
.ticker-track{
  display:flex;align-items:center;white-space:nowrap;
  animation:ticker 140s linear infinite;width:max-content;
  margin:0;padding:0;height:100%;
}
.ticker-track:hover{animation-play-state:paused;}
.idx-pill{
  display:inline-flex;align-items:center;gap:4px;
  padding:0 10px;
  font-family:'Barlow Condensed',sans-serif;font-size:.68rem;letter-spacing:.04em;
  color:var(--text-dim);border-right:1px solid var(--border);flex-shrink:0;
  line-height:1;height:100%;
}
.idx-name{font-family:'Barlow Condensed',sans-serif;color:var(--nav-color);font-size:.68rem;
  letter-spacing:.06em;text-transform:uppercase;margin-right:2px;}
.idx-val{color:var(--bright);font-weight:700;}
.up{color:#1de982;}.dn{color:var(--red);}

/* ══ SIDEBAR LEFT ══ */
.sidebar{
  background:var(--panel);border-right:1px solid var(--border);
  display:flex;flex-direction:column;overflow:hidden;grid-column:1;grid-row:3;
  position:relative;
}
.sidebar-mob-head{
  display:none;
  align-items:center;justify-content:space-between;
  padding:10px 14px;border-bottom:1px solid var(--border);
  background:var(--panel2);flex-shrink:0;
}
.sidebar-mob-head .brand-inner{flex:1 1 0;min-width:0;width:auto;}
.sidebar-mob-brand{display:flex;flex-direction:column;gap:1px;}
.sidebar-mob-name{
  font-family:'Barlow Condensed',sans-serif;font-size:1.3rem;font-weight:900;
  letter-spacing:.06em;line-height:.85;
}
.sidebar-mob-name .w1{color:var(--cyan);}
.sidebar-mob-name .w2{color:var(--bright);}
.sidebar-mob-tag{
  font-family:'Oswald',sans-serif;font-size:.58rem;font-weight:700;
  letter-spacing:.22em;color:#ccc;text-transform:uppercase;margin-top:3px;
}
.sidebar-close-btn{
  background:none;border:1px solid var(--border2);color:var(--muted);
  width:30px;height:30px;cursor:pointer;font-size:.9rem;
  display:flex;align-items:center;justify-content:center;transition:all .18s;flex-shrink:0;
}
.sidebar-close-btn:hover{color:var(--red);border-color:var(--red);}
.sidebar-stats{
  display:grid;grid-template-columns:1fr 1fr 1fr;
  border-bottom:1px solid var(--border);flex-shrink:0;
}
.s-stat{padding:.55rem .4rem;text-align:center;border-right:1px solid var(--border);}
.s-stat:last-child{border-right:none;}
.s-stat-val{font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:700;
  line-height:1;color:var(--cyan);}
.s-stat-val.danger{color:var(--red);}
.s-stat-val.warn{color:var(--orange);}
.s-stat-lbl{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--muted);
  letter-spacing:.12em;margin-top:2px;}

.nav-label{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--muted);
  letter-spacing:.22em;text-transform:uppercase;
  padding:.65rem 1.2rem .3rem;flex-shrink:0;
  display:flex;align-items:center;justify-content:space-between;
}
.nav-label-add{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:700;
  letter-spacing:.06em;color:var(--cyan);background:transparent;
  border:1px solid rgba(0,204,255,.3);padding:1px 7px;cursor:pointer;transition:all .18s;
}
.nav-label-add:hover{background:var(--cyan-g);border-color:var(--cyan);}
.cat-list{flex:1;overflow-y:auto;padding:2px 0;}
.cat-list::-webkit-scrollbar{width:2px;}
.cat-list::-webkit-scrollbar-thumb{background:var(--border2);}

.nav-item{
  display:flex;align-items:center;justify-content:space-between;
  padding:.42rem 1.2rem;cursor:pointer;transition:all .18s;
  border-left:3px solid transparent;
  font-size:.88rem;font-weight:600;letter-spacing:.02em;
  color:var(--nav-color);position:relative;
}
.nav-item:hover{color:var(--text);background:var(--cyan-g);border-left-color:var(--cyan);}
.nav-item.active{color:var(--cyan);background:var(--cyan-g);border-left-color:var(--cyan);}
.nav-item.active::after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent,var(--cyan),transparent);}
.nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-badge{font-family:'JetBrains Mono',monospace;font-size:.58rem;padding:1px 5px;
  background:var(--dim);color:var(--muted);transition:all .18s;flex-shrink:0;}
.nav-item.active .nav-badge{background:var(--cyan-m);color:var(--cyan);}
.nav-badge.has-crit{background:rgba(255,59,92,.2);color:var(--red);}
.nav-delete{display:none;background:none;border:none;color:var(--muted);font-size:.72rem;
  cursor:pointer;padding:0 2px;line-height:1;transition:color .15s;flex-shrink:0;}
.nav-edit{display:none;background:none;border:none;color:var(--muted);font-size:.7rem;
  cursor:pointer;padding:0 2px;line-height:1;transition:color .15s;flex-shrink:0;}
.nav-item:hover .nav-delete,.nav-item:hover .nav-edit{display:inline;}
.nav-delete:hover{color:var(--red);}
.nav-edit:hover{color:var(--cyan);}

/* ══ CONTROL BAR ══ */
.control-bar{
  border-top:1px solid var(--border);padding:.75rem 1.1rem .85rem;
  display:flex;flex-direction:column;gap:5px;flex-shrink:0;
}
.ctrl-row{
  display:flex;align-items:center;justify-content:space-between;
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.08em;color:var(--muted);
}
.ctrl-val{color:var(--text-dim);}
.auto-btn{
  width:100%;padding:5px;margin-top:1px;
  background:transparent;border:1px solid var(--border2);
  font-family:'JetBrains Mono',monospace;font-size:.58rem;
  color:var(--cyan);letter-spacing:.08em;cursor:pointer;transition:all .2s;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.auto-countdown{opacity:.7;font-size:.9em;margin-left:2px;}
.auto-btn:hover{background:var(--cyan-g);border-color:var(--cyan);}
.auto-btn.off{border-color:var(--border2);color:var(--muted);}
.auto-btn.off .auto-dot{background:var(--muted);}
.auto-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);
  box-shadow:0 0 5px var(--cyan);animation:dot-pulse 1.2s infinite;}
.mode-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;margin-top:1px;}
.mode-btn{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.09em;
  padding:4px 0;background:transparent;border:1px solid var(--border);
  color:var(--muted);cursor:pointer;text-transform:uppercase;transition:all .18s;text-align:center;
}
.mode-btn:hover{color:var(--text-dim);border-color:var(--border2);}
.mode-btn.active{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-g);}
.accent-label{font-family:'JetBrains Mono',monospace;font-size:.58rem;
  letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-top:1px;}
.swatches{display:flex;align-items:center;justify-content:space-between;padding:2px 0;}
.swatch{width:13px;height:13px;border-radius:50%;cursor:pointer;
  border:2px solid transparent;transition:all .18s;flex-shrink:0;}
.swatch:hover{transform:scale(1.3);}
.swatch.active{border-color:var(--bright);transform:scale(1.2);box-shadow:0 0 6px currentColor;}
.sw-cyan  {background:#00ccff;}
.sw-green {background:#00cc6a;}
.sw-amber {background:#f59e0b;}
.sw-red   {background:#ef4444;}
.sw-purple{background:#a855f7;}
.sw-pink  {background:#ec4899;}
.sw-teal  {background:#14b8a6;}
.sw-orange{background:#f97316;}
.ctrl-divider{height:1px;background:var(--border);margin:2px -11px;}
.bookmarks-btn,.admin-btn,.profile-btn{
  width:100%;padding:4px;background:transparent;
  border:1px solid var(--border2);
  font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.08em;
  color:var(--muted);cursor:pointer;transition:all .2s;text-transform:uppercase;
  display:flex;align-items:center;justify-content:center;gap:5px;
}
.bookmarks-btn:hover,.admin-btn:hover,.profile-btn:hover{
  color:var(--cyan);border-color:var(--cyan);background:var(--cyan-g);}
.bookmarks-btn.active-view{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-g);}
.user-row{display:flex;align-items:center;justify-content:space-between;padding-top:2px;}
.user-name{font-family:'JetBrains Mono',monospace;font-size:.60rem;color:var(--cyan);
  letter-spacing:.07em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px;
  text-transform:uppercase;}
.ver-badge{font-family:'JetBrains Mono',monospace;font-size:.60rem;color:var(--muted);
  letter-spacing:.06em;flex-shrink:0;padding:0 3px;}
.logout-btn{font-family:'JetBrains Mono',monospace;font-size:.60rem;letter-spacing:.1em;
  color:var(--muted);background:none;border:none;cursor:pointer;text-transform:uppercase;
  transition:color .18s;flex-shrink:0;}
.logout-btn:hover{color:var(--red);}

/* ── Share / TOS / Contact row ── */
.stc-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:2px;}
.stc-label{font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.07em;
  color:var(--muted);text-transform:uppercase;}
.stc-sep{color:var(--border2);font-size:.58rem;flex-shrink:0;}
.stc-link{font-family:'JetBrains Mono',monospace;font-size:.66rem;letter-spacing:.07em;
  color:var(--muted);text-decoration:none;text-transform:uppercase;transition:color .15s;
  display:inline-flex;align-items:center;gap:3px;}
.stc-link:hover{color:var(--cyan);}
.stc-active{color:var(--cyan) !important;}

/* ══ MAIN COL ══ */
.main-col{display:flex;flex-direction:column;overflow:hidden;grid-column:2;grid-row:3;
  background:var(--bg);}
.feed-header{
  background:var(--panel2);border-bottom:1px solid var(--border);
  padding:.38rem 1.2rem;display:flex;align-items:center;gap:.45rem;
  flex-wrap:nowrap;flex-shrink:0;overflow-x:auto;
}
.feed-title{
  font-family:'JetBrains Mono',monospace;font-size:.56rem;letter-spacing:.14em;
  color:var(--cyan);text-transform:uppercase;white-space:nowrap;margin-right:.3rem;flex-shrink:0;
}
.feed-header-right{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex-shrink:0;}
.search-box{
  display:flex;align-items:center;gap:5px;
  border:1px solid var(--border);background:var(--dim);padding:3px 8px;
}
.search-box input{
  background:transparent;border:none;outline:none;
  font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--text);
  width:120px;letter-spacing:.03em;
}
.search-box input::placeholder{color:var(--muted);}
.search-box .search-icon{font-size:.6rem;color:var(--muted);}
.crit-pill{
  background:rgba(255,59,92,.15);border:1px solid rgba(255,59,92,.35);
  color:var(--red);padding:2px 8px;
  font-family:'JetBrains Mono',monospace;font-size:.56rem;font-weight:600;
  letter-spacing:.05em;white-space:nowrap;flex-shrink:0;
}
.feed-count{font-family:'JetBrains Mono',monospace;font-size:.58rem;
  color:var(--muted);letter-spacing:.07em;white-space:nowrap;}
.chip{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;padding:2px 7px;
  cursor:pointer;border:1px solid;transition:all .15s;white-space:nowrap;letter-spacing:.05em;
}
/* Chip base colours */
.chip-all {border-color:var(--cyan);color:var(--cyan);background:transparent;}
.chip-all:hover{background:var(--cyan-m);}
.chip-all.on{background:var(--cyan);color:#000;border-color:var(--cyan);font-weight:700;box-shadow:0 0 8px rgba(0,204,255,.5);}
.chip-crit{border-color:rgba(255,59,92,.5);color:var(--red);background:transparent;}
.chip-crit:hover{background:rgba(255,59,92,.12);}
.chip-crit.on{background:var(--red);color:#fff;border-color:var(--red);font-weight:700;box-shadow:0 0 8px rgba(255,59,92,.5);}
.chip-high{border-color:rgba(255,140,26,.5);color:var(--orange);background:transparent;}
.chip-high:hover{background:rgba(255,140,26,.12);}
.chip-high.on{background:var(--orange);color:#000;border-color:var(--orange);font-weight:700;box-shadow:0 0 8px rgba(255,140,26,.5);}
.chip-med{border-color:rgba(232,184,0,.5);color:var(--yellow);background:transparent;}
.chip-med:hover{background:rgba(232,184,0,.12);}
.chip-med.on{background:var(--yellow);color:#000;border-color:var(--yellow);font-weight:700;box-shadow:0 0 8px rgba(232,184,0,.45);}
.chip-low{border-color:var(--border2);color:var(--muted);background:transparent;}
.chip-low:hover{background:var(--dim);color:var(--text-dim);}
.chip-low.on{background:var(--text-dim);color:var(--bg);border-color:var(--text-dim);font-weight:700;box-shadow:0 0 6px rgba(170,170,170,.4);}

/* ══ FEED AREA ══ */
.feed-wrap{flex:1;overflow-y:auto;padding:.85rem 1.2rem;position:relative;}
.feed-wrap::-webkit-scrollbar{width:3px;}
.feed-wrap::-webkit-scrollbar-thumb{background:var(--border2);}
.feed-loading{
  display:none;text-align:center;padding:2rem;
  font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--muted);
  letter-spacing:.1em;
}
.feed-loading.active{display:block;}
.feed-loading .spin{display:inline-block;animation:spin .8s linear infinite;font-size:1.2rem;}
.load-more-btn{
  width:100%;padding:8px;margin-top:.5rem;
  background:transparent;border:1px dashed var(--border2);
  font-family:'JetBrains Mono',monospace;font-size:.58rem;
  color:var(--muted);cursor:pointer;transition:all .2s;letter-spacing:.08em;
  display:none;
}
.load-more-btn:hover{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-g);}
.load-more-btn.visible{display:block;}

/* ══ CARDS ══ */
.card{
  background:var(--card-bg);border:1px solid var(--border);
  padding:.8rem 1rem .8rem 1.35rem;
  margin-bottom:.48rem;position:relative;overflow:hidden;
  cursor:pointer;transition:all .18s;
  animation:fadeUp .35s ease both;
}
.card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;transition:box-shadow .18s;}
.card.critical::before{background:var(--red);}
.card.high::before    {background:var(--orange);}
.card.medium::before  {background:var(--yellow);}
.card.low::before     {background:var(--muted);}
.card:hover{background:var(--card-hov);border-color:var(--border2);transform:translateX(3px);}
.card.critical:hover{border-color:rgba(255,59,92,.3);}
.card.critical:hover::before{box-shadow:2px 0 14px var(--red);}
.card.high:hover{border-color:rgba(255,140,26,.3);}
.card.high:hover::before{box-shadow:2px 0 10px var(--orange);}
.card.medium:hover{border-color:rgba(232,184,0,.25);}
.card.medium:hover::before{box-shadow:2px 0 8px var(--yellow);}
.card.low:hover{border-color:var(--border2);}
.card-header{display:flex;align-items:center;gap:.55rem;margin-bottom:.32rem;flex-wrap:wrap;}
.c-time{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--muted);}
.c-sev{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:600;
  letter-spacing:.12em;padding:1px 6px;border:1px solid;text-transform:uppercase;
}
.sev-critical{color:var(--red);border-color:rgba(255,59,92,.4);background:rgba(255,59,92,.1);}
.sev-high    {color:var(--orange);border-color:rgba(255,140,26,.4);background:rgba(255,140,26,.08);}
.sev-medium  {color:var(--yellow);border-color:rgba(232,184,0,.35);background:rgba(232,184,0,.06);}
.sev-low     {color:var(--muted);border-color:var(--border2);background:transparent;}
.c-source{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--muted);}
.c-bookmark{
  margin-left:auto;background:none;border:none;cursor:pointer;
  font-size:.85rem;line-height:1;padding:0 2px;
  color:var(--muted);transition:all .18s;flex-shrink:0;
}
.c-bookmark:hover{color:var(--cyan);transform:scale(1.2);}
.c-bookmark.saved{color:var(--cyan);text-shadow:0 0 6px var(--cyan);}
/* Card bookmark dropdown (shown when user has categories) */
.c-bm-wrap{position:relative;margin-left:auto;display:flex;flex-shrink:0;}
.c-bm-wrap .c-bookmark{margin-left:0;}
.c-bm-dropdown{
  display:none;position:fixed;
  min-width:150px;background:var(--panel);border:1px solid var(--border);
  z-index:9500;box-shadow:0 6px 20px rgba(0,0,0,.4);
}
.c-bm-wrap.open .c-bm-dropdown{display:block;}
.c-bm-item{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.07em;
  padding:7px 10px;cursor:pointer;color:var(--text-dim);
  display:flex;align-items:center;gap:6px;
  border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s,color .12s;
  white-space:nowrap;
}
.c-bm-item:last-child{border-bottom:none;}
.c-bm-item:hover{background:var(--panel2);color:var(--cyan);}
.c-bm-header{color:var(--muted);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;cursor:default;padding:5px 10px 3px;pointer-events:none;}
.c-bm-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.c-title{
  font-family:'Barlow Condensed',sans-serif;font-size:1.06rem;font-weight:700;
  line-height:1.28;color:var(--text);margin-bottom:.3rem;transition:color .18s;
}
.card:hover .c-title{color:var(--bright);}
.c-summary{font-family:'JetBrains Mono',monospace;font-size:.72rem;
  color:var(--sum-col);line-height:1.45;}
.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem;}
.c-tags{display:flex;gap:.3rem;flex-wrap:wrap;}
.c-tag{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--nav-color);
  letter-spacing:.08em;background:var(--dim);padding:1px 5px;border:1px solid var(--border);}
.c-readmore{font-family:'Rajdhani',sans-serif;font-size:.68rem;font-weight:700;
  color:var(--muted);letter-spacing:.1em;text-transform:uppercase;
  transition:color .18s;white-space:nowrap;}
.card:hover .c-readmore{color:var(--cyan);}
.no-results{
  text-align:center;padding:3rem 1rem;
  font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--muted);
  letter-spacing:.08em;line-height:2.4;display:none;
}
.no-results.show{display:block;}
.no-results .nr-icon{font-size:1.8rem;opacity:.25;margin-bottom:.5rem;display:block;}
.bookmarks-empty{
  text-align:center;padding:3rem 1rem;
  font-family:'JetBrains Mono',monospace;font-size:.6rem;color:var(--muted);
  letter-spacing:.08em;line-height:2.4;display:none;
}
.bookmarks-empty .be-icon{font-size:1.8rem;opacity:.25;margin-bottom:.5rem;display:block;}

/* ══ RIGHT PANEL ══ */
.panel-right{
  background:var(--panel);border-left:1px solid var(--border);
  display:flex;flex-direction:column;overflow:hidden;grid-column:3;grid-row:3;
}
.panel-block{border-bottom:1px solid var(--border);padding:9px 13px;flex-shrink:0;}
.panel-block-title{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.2em;
  color:var(--muted);text-transform:uppercase;margin-bottom:7px;
}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;}
.stat-box{background:var(--panel2);border:1px solid var(--border);padding:6px 8px;}
.stat-val{
  font-family:'Barlow Condensed',sans-serif;font-size:1.55rem;font-weight:700;
  color:var(--cyan);text-shadow:0 0 8px var(--cyan-g);line-height:1;margin-bottom:2px;
}
.stat-lbl{font-family:'JetBrains Mono',monospace;font-size:.58rem;
  color:var(--muted);letter-spacing:.12em;text-transform:uppercase;}
.source-list{display:flex;flex-direction:column;}
.source-item{
  display:flex;align-items:center;
  font-family:'JetBrains Mono',monospace;font-size:.56rem;
  color:var(--text-dim);padding:4px 0;border-bottom:1px solid var(--border);gap:0;
}
.sdot{width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.sname{flex:1;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.scnt{color:var(--muted);font-size:.58rem;}
.trend-block{
  border-bottom:1px solid var(--border);padding:9px 13px;
  flex:1;overflow:hidden;display:flex;flex-direction:column;
}
.trend-list{display:flex;flex-direction:column;flex:1;overflow:hidden;}
.trend-item{
  display:flex;align-items:center;gap:6px;
  font-family:'Rajdhani',sans-serif;font-size:.82rem;font-weight:500;
  color:var(--text-dim);padding:4px 0;border-bottom:1px solid var(--border);
  cursor:pointer;transition:color .15s;user-select:none;
}
.trend-item:hover{color:var(--cyan);}
.trend-item.trend-active{color:var(--cyan);font-weight:700;}
.trend-num{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--muted);
  width:14px;flex-shrink:0;}
.trend-label{flex:1;}
.tbar-wrap{width:50px;height:2px;background:var(--border);flex-shrink:0;}
.tbar{height:100%;background:var(--cyan);opacity:.5;transition:opacity .18s;}
.trend-item:hover .tbar,.trend-item.trend-active .tbar{opacity:1;}

/* Article modal CSS retired v3.8 — modal replaced by /news/[id]/[slug] pages */

/* ══ OVERLAY MODALS (login/register/forgot/edit-monitor) ══ */
.overlay-modal{
  display:none;position:fixed;inset:0;z-index:9000;
  background:rgba(0,0,0,.8);backdrop-filter:blur(5px);
  align-items:center;justify-content:center;padding:16px;
}
.overlay-modal.open{display:flex;}
.om-box{
  background:var(--panel);border:1px solid var(--border2);
  width:360px;max-width:95vw;padding:1.8rem;
  box-shadow:0 0 40px rgba(0,0,0,.5);
  max-height:90vh;overflow-y:auto;
}
.om-box::-webkit-scrollbar{width:2px;}
.om-box::-webkit-scrollbar-thumb{background:var(--border2);}
.om-title{
  font-family:'Barlow Condensed',sans-serif;font-size:1.3rem;font-weight:700;
  letter-spacing:.06em;color:var(--bright);margin-bottom:1.2rem;
  display:flex;align-items:center;justify-content:space-between;
}
.om-close{background:none;border:none;color:var(--muted);cursor:pointer;
  font-size:1rem;line-height:1;transition:color .15s;}
.om-close:hover{color:var(--red);}
.om-field{margin-bottom:.9rem;}
.om-label{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.14em;
  color:var(--muted);text-transform:uppercase;display:block;margin-bottom:5px;
}
.om-input{
  width:100%;background:var(--dim);border:1px solid var(--border2);
  color:var(--text);font-family:'JetBrains Mono',monospace;font-size:.7rem;
  padding:7px 10px;outline:none;transition:border-color .18s;
}
.om-input:focus{border-color:var(--cyan);}
.om-input::placeholder{color:var(--muted);}
.om-btn{
  width:100%;padding:9px;background:var(--cyan);color:#000;
  font-family:'Rajdhani',sans-serif;font-size:.75rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;
  transition:opacity .18s;margin-top:.3rem;
}
.om-btn:hover{opacity:.88;}
.om-btn-ghost{
  width:100%;padding:8px;background:transparent;
  border:1px solid var(--border2);color:var(--muted);
  font-family:'Rajdhani',sans-serif;font-size:.65rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .18s;margin-top:.5rem;
}
.om-btn-ghost:hover{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-g);}
.om-btn-danger{border-color:rgba(255,59,92,.4);color:var(--red);}
.om-btn-danger:hover{color:var(--red);border-color:var(--red);background:rgba(255,59,92,.08);}
.om-divider{
  text-align:center;font-family:'JetBrains Mono',monospace;
  font-size:.58rem;color:var(--muted);letter-spacing:.1em;
  margin:.8rem 0;position:relative;
}
.om-divider::before,.om-divider::after{
  content:'';position:absolute;top:50%;width:42%;height:1px;background:var(--border);}
.om-divider::before{left:0;}.om-divider::after{right:0;}
.om-link{
  display:block;text-align:center;margin-top:.8rem;
  font-family:'JetBrains Mono',monospace;font-size:.58rem;
  color:var(--muted);letter-spacing:.06em;cursor:pointer;transition:color .15s;
}
.om-link:hover{color:var(--cyan);}
.om-alert{
  font-family:'JetBrains Mono',monospace;font-size:.56rem;
  padding:7px 10px;margin-bottom:.8rem;
  border:1px solid rgba(255,59,92,.4);background:rgba(255,59,92,.08);
  color:var(--red);letter-spacing:.04em;display:none;
}
.om-alert.show{display:block;}
.om-success{
  font-family:'JetBrains Mono',monospace;font-size:.56rem;
  padding:7px 10px;margin-bottom:.8rem;
  border:1px solid rgba(29,233,130,.4);background:rgba(29,233,130,.08);
  color:#1de982;letter-spacing:.04em;display:none;
}
.om-success.show{display:block;}
.om-hint{font-family:'JetBrains Mono',monospace;font-size:.58rem;
  color:var(--muted);letter-spacing:.06em;margin-top:4px;}
.om-pw-hint{font-family:'JetBrains Mono',monospace;font-size:.58rem;
  letter-spacing:.06em;margin-top:4px;height:14px;}
/* flash message */
.flash-msg{
  position:fixed;top:12px;right:12px;z-index:9999;
  font-family:'JetBrains Mono',monospace;font-size:.6rem;letter-spacing:.06em;
  padding:10px 16px;border:1px solid;max-width:340px;
  animation:fadeUp .25s ease both;
}
.flash-msg.success{background:rgba(29,233,130,.1);border-color:rgba(29,233,130,.4);color:#1de982;}
.flash-msg.error{background:rgba(255,59,92,.1);border-color:rgba(255,59,92,.4);color:var(--red);}

/* ══ GEO DROPDOWN (mobile) ══ */
.geo-dropdown{display:none;position:relative;}  /* hidden on desktop */
.geo-dropdown-btn{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.09em;
  padding:0 12px;height:100%;min-height:44px;
  background:transparent;border:none;border-bottom:2px solid var(--cyan);
  color:var(--cyan);cursor:pointer;text-transform:uppercase;
  white-space:nowrap;display:flex;align-items:center;gap:6px;
  background:var(--cyan-g);
}
.geo-dropdown-btn .geo-arrow{font-size:.58rem;transition:transform .2s;}
.geo-dropdown-btn.open .geo-arrow{transform:rotate(180deg);}
.geo-dropdown-menu{
  display:none;position:absolute;top:100%;left:0;
  background:var(--panel2);border:1px solid var(--border2);
  z-index:50;min-width:160px;box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.geo-dropdown-menu.open{display:block;}
.geo-dropdown-item{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.08em;
  padding:9px 14px;color:var(--nav-color);cursor:pointer;
  text-transform:uppercase;transition:all .15s;border-bottom:1px solid var(--border);
  display:block;width:100%;text-align:left;background:none;border-left:3px solid transparent;
}
.geo-dropdown-item:last-child{border-bottom:none;}
.geo-dropdown-item:hover{color:var(--cyan);background:var(--cyan-g);border-left-color:var(--cyan);}
.geo-dropdown-item.active{color:var(--cyan);background:var(--cyan-g);border-left-color:var(--cyan);}

/* ══ FEED HEADER ROW 2 (mobile) ══ */
.feed-header-row2{
  display:none;align-items:center;gap:.5rem;
  padding:.3rem 1.2rem .35rem;
  background:var(--panel2);border-bottom:1px solid var(--border);flex-shrink:0;
}
.menu-btn{
  display:none;background:none;border:1px solid var(--border2);
  color:var(--text-dim);padding:5px 9px;cursor:pointer;font-size:1rem;
  line-height:1;transition:all .2s;flex-shrink:0;
}
.menu-btn:hover{border-color:var(--cyan);color:var(--cyan);}
.sidebar-overlay{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:9998;
}
.sidebar-overlay.open{display:block;}

/* ══ AUTH PAGES (login/register/forgot/reset) ══ */
.auth-page .shell-nav-guard{display:none;}
.auth-wrap{
  min-height:100vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  padding:2rem 1rem;position:relative;z-index:1;
}
.auth-brand{margin-bottom:1.5rem;text-align:center;}
.auth-brand .brand-name{font-size:2rem;margin-bottom:6px;}
.auth-brand .brand-row1{justify-content:center;margin-bottom:6px;}
.auth-card{
  background:var(--panel);border:1px solid var(--border2);
  padding:1.8rem 1.8rem 1.6rem;width:100%;max-width:400px;
  box-shadow:0 0 40px rgba(0,0,0,.4);
}
.auth-title{
  font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;font-weight:700;
  letter-spacing:.06em;color:var(--bright);margin-bottom:1.2rem;
}

/* ══ PROFILE PAGE ══ */
.profile-shell{
  min-height:100vh;display:grid;
  grid-template-rows:44px 1fr;
  background:var(--bg);
}
.profile-topbar{
  display:flex;align-items:center;justify-content:space-between;
  background:var(--panel);border-bottom:1px solid var(--border);
  padding:0 1.5rem;
}
.profile-topbar-left{display:flex;align-items:center;gap:1rem;}
.profile-back{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.08em;
  color:var(--muted);text-decoration:none;
  border:1px solid var(--border2);padding:4px 10px;transition:all .18s;
}
.profile-back:hover{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-g);}
.profile-body{
  display:grid;grid-template-columns:200px 1fr;
  max-width:1100px;margin:0 auto;width:100%;padding:2rem 1.5rem;gap:2rem;
  align-items:start;
}
.profile-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:2rem;}
.profile-nav-item{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.1em;
  padding:.5rem .9rem;cursor:pointer;
  border-left:3px solid transparent;color:var(--nav-color);
  background:transparent;border-top:none;border-right:none;border-bottom:none;
  text-align:left;text-transform:uppercase;transition:all .18s;width:100%;
}
.profile-nav-item:hover{color:var(--text);background:var(--cyan-g);border-left-color:var(--cyan);}
.profile-nav-item.active{color:var(--cyan);background:var(--cyan-g);border-left-color:var(--cyan);}
.profile-content{display:flex;flex-direction:column;gap:1.5rem;}
.profile-section{
  background:var(--panel);border:1px solid var(--border);padding:1.4rem 1.5rem;
}
.profile-section-title{
  font-family:'Barlow Condensed',sans-serif;font-size:1.1rem;font-weight:700;
  letter-spacing:.06em;color:var(--bright);margin-bottom:1.2rem;
  padding-bottom:.5rem;border-bottom:1px solid var(--border);
}
.pf-field{margin-bottom:1rem;}
.pf-label{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.14em;
  color:var(--muted);text-transform:uppercase;display:block;margin-bottom:5px;
}
.pf-input{
  width:100%;background:var(--dim);border:1px solid var(--border2);
  color:var(--text);font-family:'JetBrains Mono',monospace;font-size:.7rem;
  padding:7px 10px;outline:none;transition:border-color .18s;
}
.pf-input:focus{border-color:var(--cyan);}
.pf-input::placeholder{color:var(--muted);}
.pf-textarea{resize:vertical;min-height:70px;}
.pf-hint{font-family:'JetBrains Mono',monospace;font-size:.58rem;
  color:var(--muted);letter-spacing:.06em;margin-top:4px;}
.pf-btn{
  padding:8px 22px;background:var(--cyan);color:#000;
  font-family:'Rajdhani',sans-serif;font-size:.85rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;border:none;cursor:pointer;transition:opacity .18s;
}
.pf-btn:hover{opacity:.88;}
.pf-btn-ghost{
  padding:7px 18px;background:transparent;
  border:1px solid var(--border2);color:var(--muted);
  font-family:'Rajdhani',sans-serif;font-size:.8rem;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .18s;
}
.pf-btn-ghost:hover{color:var(--cyan);border-color:var(--cyan);background:var(--cyan-g);}
.pf-btn-danger{border-color:rgba(255,59,92,.4);color:var(--red);}
.pf-btn-danger:hover{color:var(--red);border-color:var(--red);background:rgba(255,59,92,.08);}
.pf-row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap;}
.pf-meta{
  font-family:'JetBrains Mono',monospace;font-size:.58rem;
  color:var(--muted);letter-spacing:.06em;line-height:2;
}
.pf-meta strong{color:var(--text-dim);}
.pf-toggle{display:flex;align-items:center;gap:.7rem;padding:.5rem 0;}
.pf-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--cyan);cursor:pointer;}
.pf-toggle-label{
  font-family:'JetBrains Mono',monospace;font-size:.6rem;
  color:var(--text-dim);cursor:pointer;
}
/* monitor rows in profile */
.mon-row{
  display:flex;align-items:center;gap:.5rem;
  padding:.4rem 0;border-bottom:1px solid var(--border);
}
.mon-row:last-child{border-bottom:none;}
.mon-title{font-family:'Rajdhani',sans-serif;font-size:.9rem;font-weight:600;flex:1;}
.mon-kw{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px;}
.mon-lock{font-family:'JetBrains Mono',monospace;font-size:.58rem;
  color:var(--muted);padding:1px 5px;border:1px solid var(--border);}
/* bookmark rows in profile */
.bm-row{
  display:flex;align-items:flex-start;gap:.6rem;
  padding:.55rem 0;border-bottom:1px solid var(--border);cursor:pointer;transition:color .15s;
}
.bm-row:hover .bm-title{color:var(--cyan);}
.bm-title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;
  flex:1;line-height:1.3;}
.bm-sev{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:600;
  padding:1px 5px;border:1px solid;flex-shrink:0;margin-top:2px;}
.bm-meta{font-family:'JetBrains Mono',monospace;font-size:.58rem;color:var(--muted);}
.bm-remove{background:none;border:none;color:var(--muted);cursor:pointer;
  font-size:.8rem;flex-shrink:0;padding:0 3px;transition:color .15s;}
.bm-remove:hover{color:var(--red);}

/* ══ TURNSTILE WIDGET ══ */
.cf-turnstile{margin:.5rem 0;}

/* ══ RESPONSIVE ══ */
@media(max-width:1300px){
  .topbar1-brand{width:180px;}
  .topbar-tab{padding:0 8px;font-size:.54rem;letter-spacing:.06em;}
  .topbar1-right #clock{display:none;}
}
@media(max-width:1100px){
  .shell{grid-template-columns:200px 1fr 220px;}
  .topbar1-brand{width:200px;}
  .topbar-tab{padding:0 7px;font-size:.58rem;}
  .panel-right{display:none;}
}
@media(max-width:860px){
  .shell{
    grid-template-columns:1fr;
    grid-template-rows:44px 25px auto auto auto;
    height:auto;min-height:100vh;overflow:visible;
  }
  .topbar1{grid-column:1;grid-row:1;position:sticky;top:0;z-index:20;}
  .topbar2{grid-column:1;grid-row:2;position:relative;z-index:auto;height:25px;}
  .sidebar{
    position:fixed;left:-260px;top:0;bottom:0;width:260px;
    z-index:9999;transition:left .25s cubic-bezier(.4,0,.2,1);
    grid-row:unset;overflow-y:auto;
  }
  .sidebar.open{left:0;box-shadow:6px 0 32px rgba(0,0,0,.7);}
  .main-col{grid-column:1;grid-row:3;overflow:visible;height:auto;}
  body{height:auto;overflow:auto;}
  .feed-wrap{overflow:visible;height:auto;flex:none;}
  .trend-block{overflow:visible;height:auto;}
  .trend-list{overflow:visible;}
  .panel-right{
    display:flex;grid-column:1;grid-row:4;
    border-left:none;border-top:2px solid var(--border2);
    flex-direction:column;flex-wrap:nowrap;overflow:visible;height:auto;
    width:100%;max-width:100%;box-sizing:border-box;
  }
  .panel-right .panel-block,.panel-right .trend-block{flex:none;width:100%;box-sizing:border-box;}
  .stat-grid{grid-template-columns:1fr 1fr;}
  .menu-btn{display:flex;align-items:center;}
  .sidebar-mob-head{display:flex;}
  .topbar-tabs{display:none;}
  .geo-dropdown{display:flex;align-items:center;}
  .topbar1{
    display:grid;grid-template-columns:44px 1fr 64px;
    grid-template-rows:44px;align-items:stretch;padding:0;height:44px;
  }
  .menu-btn{
    grid-column:1;grid-row:1;
    display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;padding:0;
    border:none;border-right:1px solid var(--border);border-radius:0;order:-1;
  }
  .topbar1-brand{
    grid-column:2;grid-row:1;
    width:auto;min-width:0;
    display:flex;align-items:center;justify-content:center;
    border-right:none;padding:0 4px;height:44px;
  }
  .brand-inner{align-items:center;text-align:center;width:auto;}
  .brand-row1{justify-content:center;margin-bottom:1px;}
  .brand-tagline{text-align:center;letter-spacing:.18em;}
  .brand-name{font-size:1.15rem;text-align:center;width:auto;}
  .topbar1-right{display:none;}
  .geo-dropdown{
    grid-column:3;grid-row:1;
    display:flex;align-items:center;justify-content:flex-end;
    height:44px;flex-shrink:0;width:24px;
  }
  .geo-dropdown-btn{
    background:transparent;border:none;border-left:0px;
    border-bottom:none;width:54px;height:44px;padding:0 20px;
    font-size:.58rem;letter-spacing:.04em;
    color:var(--text-dim);display:flex;align-items:center;justify-content:center;gap:3px;
  }
  .geo-dropdown-btn .geo-arrow{font-size:.50rem;}
  .geo-dropdown-menu{right:0;left:auto;top:44px;position:fixed;width:180px;}
  .feed-header{overflow-x:auto;flex-wrap:nowrap;}
  .feed-header-right{display:none;}
  .feed-header-row2{display:flex;}
  .search-box input{width:100%;}
  .nav-item .nav-delete,.nav-item .nav-edit{display:inline;opacity:.5;font-size:.65rem;}
  /* profile page responsive */
  .profile-body{grid-template-columns:1fr;gap:1rem;}
  .profile-nav{flex-direction:row;flex-wrap:wrap;position:static;gap:4px;}
  .profile-nav-item{border-left:none;border-bottom:2px solid transparent;padding:.4rem .7rem;}
  .profile-nav-item.active{border-left:none;border-bottom-color:var(--cyan);}
}
@media(max-width:520px){
  .topbar1-brand{padding:0 8px;}
  .brand-row1{margin-bottom:0;}
  #clock{display:none;}
  .feed-count{display:none;}
}
@media(max-width:414px){
  .feed-title{display:none;}
  .feed-header{gap:.3rem;}
}
@media(max-width:360px){
  .chip{padding:3px 6px;font-size:.58rem;}
  .feed-header-row2{gap:4px;}
  .brand-name{font-size:1.1rem;}
}
@media(min-width:861px){.shell{z-index:1;}}

/* ══ AD SLOTS — v3.7 ══════════════════════════════════════════ */
.ad-slot{text-align:center;width:100%;box-sizing:border-box;overflow:hidden;}
.ad-slot-feed-top{margin-bottom:12px;padding:4px 0;}
.ad-slot-feed-bottom{margin-top:12px;padding:4px 0;}
.ad-slot-mid-feed{margin:10px 0;padding:4px 0;}
.ad-slot-sidebar-middle{margin:8px 0;}
.ad-slot-sidebar-bottom{margin:8px 0;padding-bottom:4px;}

/* Card title as link — same visual style as before, just linkable */
a.c-title-link{display:block;font-family:inherit;font-size:inherit;font-weight:inherit;
  color:var(--bright);text-decoration:none;line-height:1.35;margin-bottom:.4rem;
  transition:color .15s;}
a.c-title-link:hover{color:var(--cyan);}
a.c-readmore{color:var(--muted);text-decoration:none;font-family:'JetBrains Mono',monospace;
  font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;transition:color .15s;}
a.c-readmore:hover{color:var(--cyan);}