/* DRTSHT Color Block reskin — visual only; IDs/behavior unchanged */
:root{
  --ink:#0E1013; --gold:#F5B82E; --red:#E63946; --cream:#F7F2E8;
  --muted:#8B93A7; --panel:#16181E; --ok:#3DDB8A; --line:#2A2E38;
  --r-lg:14px; --r-sm:8px; --r-pill:999px;
}
html, body.cb{background:var(--ink)!important}
body.cb{
  background:var(--ink)!important; color:var(--cream);
  font-family:"Manrope",system-ui,sans-serif!important;
  padding-bottom:0;
  margin:0;
  min-height:100vh;
}
body.cb .font-display, body.cb .cb-display{
  font-family:"Unbounded",system-ui,sans-serif!important;
  letter-spacing:-.02em;
}

/* Hide Material icon font glyphs — keep adjacent text labels */
body.cb .material-symbols-outlined{display:none!important}

/* Ticker — full bleed */
.cb-preview-banner{
  background:var(--ink);color:var(--gold);text-align:center;font-size:10px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;padding:6px 8px;border-bottom:1px solid var(--line);
}
.cb-ticker{
  overflow:hidden;background:var(--gold);color:var(--ink);font-size:12px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;line-height:36px;
  border-radius:0;margin:0;position:relative;z-index:40;width:100%;
}
.cb-ticker-track{display:inline-block;padding-left:100%;animation:cbMarquee 32s linear infinite}
.cb-ticker-track span{display:inline-block;padding-right:48px}
@keyframes cbMarquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

/* Full-bleed frame: ink page, red rail full viewport height */
.cb-frame{
  display:grid;
  grid-template-columns:minmax(300px,34%) minmax(0,1fr);
  gap:0;
  padding:0;
  max-width:none;
  margin:0;
  width:100%;
  min-height:calc(100vh - 62px);
  align-items:stretch;
  background:var(--ink);
}
@media(max-width:900px){
  .cb-frame{grid-template-columns:1fr;min-height:0}
}

.cb-left{
  background:var(--red);color:#fff;border-radius:0;
  padding:20px 20px 24px;display:flex;flex-direction:column;gap:12px;
  position:sticky;top:0;
  height:auto;
  max-height:100vh;
  overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;
  align-self:start;box-sizing:border-box;
}
@supports (max-height:100dvh){
  .cb-left{max-height:100dvh}
}
.cb-left-top{
  display:flex;flex-direction:column;gap:12px;flex:0 0 auto;min-width:0;
}
/* Ink logo tile — MUST beat body.cb button { border-radius: var(--r-pill) } */
body.cb .cb-left button#cbBrandHome,
body.cb button#cbBrandHome.cb-logo-tile,
body.cb .cb-left #cbBrandHome{
  display:inline-flex!important;align-items:center;align-self:flex-start;
  background:var(--ink)!important;
  border-radius:8px!important; /* not pill — small tile, not a button chip */
  padding:8px 12px!important;margin-bottom:6px;
  border:0!important;
}
.cb-left .logo{height:40px;width:auto;align-self:flex-start;margin-bottom:0}
.cb-left .k{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:1;color:var(--ink)}
.cb-left h1.cb-display{font-size:clamp(22px,2.6vw,34px);line-height:1.08;font-weight:800;margin:0}
.cb-left .lead{font-size:12px;font-weight:700;opacity:1;line-height:1.4;margin:0;color:var(--ink)}
.cb-left .cb-duo, .cb-left #cbFeaturedVis{
  min-height:96px;max-height:140px;flex:0 1 auto;border:3px solid #fff;border-radius:var(--r-lg);overflow:hidden;
  background:var(--gold);
}
.cb-left #cbFeaturedVis .cb-art{
  width:100%;height:100%;min-height:96px;background:var(--gold);color:var(--ink);
}
.cb-left #cbFeaturedVis .cb-duo{height:100%;min-height:96px;border:none;border-radius:0}
@media(min-width:901px) and (max-height:820px){
  .cb-left .cb-duo, .cb-left #cbFeaturedVis{min-height:72px;max-height:96px}
  .cb-left #cbFeaturedVis .cb-art{min-height:72px}
}
/* Prefer board visibility in the sticky red column */
@media(min-width:901px){
  .cb-left .cb-duo, .cb-left #cbFeaturedVis{
    min-height:0;max-height:120px;flex:0 1 120px;
  }
  .cb-left #cbFeaturedVis .cb-art{min-height:0}
}
@media(min-width:901px) and (max-height:900px){
  .cb-left #cbFeaturedVis, .cb-left .cb-duo{display:none!important}
}
.cb-srcbox{background:var(--ink);border-radius:var(--r-lg);padding:14px;margin-top:0;flex:0 0 auto}

/* Trust board in left red panel (top 5) */
.cb-trust-board{
  background:var(--ink);border-radius:var(--r-lg);padding:12px;flex:0 0 auto;
  display:flex;flex-direction:column;gap:8px;min-width:0;
}
.cb-trust-board-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  border-bottom:1px solid var(--line);padding-bottom:10px;
}
.cb-trust-board-kicker{
  display:block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);font-family:"Manrope",system-ui,sans-serif;
}
.cb-trust-board-title{
  margin:4px 0 0;font-family:"Unbounded",system-ui,sans-serif;font-size:16px;font-weight:700;
  line-height:1.15;color:#fff;letter-spacing:-.02em;
}
.cb-trust-board-full,
body.cb #sidebarViewAllSourcesBtn{
  white-space:nowrap!important;flex-shrink:0!important;align-self:flex-start!important;
  margin-top:14px!important;padding:0!important;border:0!important;background:transparent!important;
  font-family:"Manrope",system-ui,sans-serif!important;font-size:12px!important;font-weight:700!important;
  color:var(--gold)!important;line-height:1.2!important;cursor:pointer;
}
.cb-trust-board-list,
body.cb #sidebarSourceList{
  display:grid!important;gap:8px!important;
}

@media(max-width:900px){
  /* Flatten left so brand stays above feed and board drops below feed */
  .cb-frame{
    display:flex;flex-direction:column;
  }
  .cb-left{
    display:contents;
    position:static;height:auto;max-height:none;overflow:visible;padding:0;
  }
  .cb-left-top{
    order:1;background:var(--red);color:#fff;padding:28px 24px 32px;gap:16px;
  }
  .cb-right{order:2}
  .cb-trust-board{
    order:3;margin:0;border-radius:0;padding:20px 16px 28px;
    background:var(--ink);border-top:1px solid var(--line);
  }
  .cb-left .cb-duo, .cb-left #cbFeaturedVis{max-height:none;min-height:180px}
}
.cb-srcbox .lbl{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;font-weight:700;margin-bottom:6px}
.cb-srcbox h3{font-family:"Unbounded",sans-serif;font-size:18px;font-weight:700;margin:0 0 2px;color:#fff}
.cb-srcbox .hd{font-size:11px;color:var(--muted);margin-bottom:8px}
.cb-srcbox .bio{font-size:12px;color:#A8AEBC;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(min-width:901px) and (max-height:900px){
  .cb-srcbox .bio{display:none}
  .cb-srcbox .hd{margin-bottom:6px}
  .cb-srcbox .nums{margin-bottom:6px}
  .cb-srcbox{padding:12px}
}
.cb-srcbox .nums{display:flex;gap:16px;margin-bottom:10px}
.cb-srcbox .nums strong{font-family:"Unbounded",sans-serif;font-size:26px;color:var(--gold);display:block;line-height:1}
.cb-srcbox .nums span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

.cb-right{
  background:var(--ink);border-radius:0;overflow:visible;min-height:100%;
  padding:20px 28px 48px;color:var(--cream);width:100%;max-width:none;
  box-sizing:border-box;
}
.cb-right a{color:inherit}

/* Hide old ribbon; restyle header inside right column */
body.cb .cb-legacy-ribbon{display:none!important}
body.cb .cb-chrome-header{
  background:transparent!important;border:none!important;backdrop-filter:none!important;
  position:static!important;padding:0!important;margin-bottom:14px;
}
body.cb .cb-chrome-header .max-w-7xl{max-width:none;padding:0;margin:0}
body.cb .cb-chrome-header #brandHomeBtn{display:none} /* logo lives in left panel */
body.cb .cb-chrome-header nav{
  background:transparent!important;border:none!important;padding:0!important;border-radius:0!important;
  display:flex!important;flex-wrap:wrap;gap:6px;
}
body.cb .cb-chrome-header .nav-tab{
  background:transparent!important;color:var(--cream)!important;border:1px solid var(--line)!important;
  border-radius:var(--r-pill)!important;font-family:"Manrope",sans-serif!important;
  font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;font-size:11px!important;
}
body.cb .cb-chrome-header .nav-tab.bg-house-gold,
body.cb .cb-chrome-header .nav-tab[aria-current="page"],
body.cb .cb-chrome-header .nav-tab.is-active{
  background:var(--gold)!important;color:var(--ink)!important;border-color:var(--gold)!important;
}
body.cb #openSubmitModalBtn{
  background:var(--gold)!important;color:var(--ink)!important;border-radius:var(--r-pill)!important;
  box-shadow:none!important;font-weight:800!important;text-transform:uppercase;
}
body.cb #openAddSourceModalBtn{
  background:transparent!important;border:2px solid var(--cream)!important;color:var(--cream)!important;
  border-radius:var(--r-pill)!important;
}
/* Material icons are display:none in CB; the "Add Source" label is hidden sm:inline,
   so mobile showed an empty pill. Reveal the text label at all breakpoints. */
body.cb #openAddSourceModalBtn > span:not(.material-symbols-outlined){
  display:inline!important;
}

/* Announcement / desk inside right */
body.cb #siteAnnouncementWrap{max-width:none;padding:0;margin:0 0 12px}
body.cb #siteAnnouncementWrap .broadcast-plate{
  background:var(--panel)!important;border:1px solid var(--line)!important;border-left:4px solid var(--gold)!important;
  border-radius:var(--r-lg)!important;
}
body.cb #deskBar{background:rgba(230,57,70,.12)!important;border:1px solid rgba(230,57,70,.45)!important;border-radius:var(--r-lg);margin-bottom:12px}
body.cb #deskBar .max-w-7xl{max-width:none;padding:8px 12px;margin:0}

/* Hero KPI plate → compact strip */
body.cb .cb-kpi-section{padding:0!important;margin:0 0 14px}
body.cb .cb-kpi-section .max-w-7xl{max-width:none;padding:0;margin:0}
body.cb .cb-kpi-section .broadcast-plate{
  background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;
  box-shadow:none!important;border-top:none!important;
}
body.cb .gold-wing-border{border-top:none!important;box-shadow:none!important}
body.cb .broadcast-plate{background:var(--panel);border:1px solid var(--line)}
body.cb .broadcast-plate:hover{border-color:rgba(245,184,46,.45)}

/* Main column */
body.cb main.max-w-7xl{max-width:none!important;padding:0!important;margin:0!important}
body.cb #view-feed > .broadcast-plate{ /* filters shell */
  background:transparent!important;border:none!important;padding:0!important;border-radius:0!important;
}
body.cb .cb-sec{
  font-family:"Unbounded",sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin:4px 0 10px;
}


/* Color-block rumor card */
.cb-block{
  display:grid;grid-template-columns:112px 1fr;gap:18px;padding:18px 20px;margin-bottom:14px;
  background:var(--panel);border-radius:var(--r-lg);overflow:hidden;
  border-left:6px solid var(--gold);transition:border-color .15s,background .15s,transform .15s;
  width:100%;
}
.cb-block:hover,.cb-block.is-hover{border-left-color:var(--red);background:#1C1520;transform:translateY(-1px)}
.cb-block.over{border-left-color:var(--red)}
.cb-block .cb-duo,.cb-block .cb-art{width:112px;height:112px;border-radius:var(--r-lg);overflow:hidden}
.cb-block h2{font-family:"Unbounded",sans-serif;font-size:15px;font-weight:700;line-height:1.3;margin:0 0 6px;color:#fff}
.cb-block .c{font-size:12px;color:var(--muted);margin:0 0 8px;line-height:1.4}
.cb-block .meta{font-size:11px;color:var(--muted);margin-bottom:6px;font-weight:600}
.cb-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;font-weight:700}
@media(max-width:560px){
  .cb-block{grid-template-columns:1fr}
  .cb-block .cb-duo,.cb-block .cb-art{width:100%;height:140px}
}

/* Duotone — flat tint only (no gradients) */
.cb-duo{position:relative;overflow:hidden;background:#111;border-radius:var(--r-lg)}
.cb-duo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.15);mix-blend-mode:luminosity}
.cb-duo::after{content:"";position:absolute;inset:0;background:var(--duo-a,#F5B82E);mix-blend-mode:multiply;opacity:.9;pointer-events:none;border-radius:inherit}
.cb-duo.gold-red{--duo-a:#F5B82E}
.cb-duo.ink-gold{--duo-a:#D2A52C}
.cb-duo.red-ink{--duo-a:#E63946}
.cb-art{
  display:flex;align-items:center;justify-content:center;
  font-family:"Unbounded",sans-serif;font-weight:900;font-size:32px;letter-spacing:-.04em;
  background:var(--gold);color:var(--ink);border-radius:var(--r-lg);
}

/* Vote meter */
.cb-meter{height:8px;background:rgba(255,255,255,.08);border-radius:var(--r-pill);overflow:hidden;display:flex;margin-top:8px}
.cb-meter .buy{background:var(--gold);border-radius:var(--r-pill);animation:cbPulse 1.6s ease-in-out infinite}
.cb-meter .nope{background:var(--red);border-radius:var(--r-pill)}
@keyframes cbPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}

/* Existing vote UI → meter look */
body.cb .vote-bar{height:8px!important;border-radius:var(--r-pill)!important;background:rgba(255,255,255,.08)!important}
body.cb .vote-bar > .buy{background:var(--gold)!important;animation:cbPulse 1.6s ease-in-out infinite}
body.cb .vote-bar > .nope{background:var(--red)!important}
body.cb .vote-btn{border-radius:var(--r-pill)!important}
body.cb .due-chip{border-radius:var(--r-pill)!important}
body.cb .due-chip.over{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
body.cb .share-btn{border-radius:var(--r-pill)!important;border:2px solid var(--cream)!important;background:transparent!important;color:var(--cream)!important}
body.cb .share-btn:hover{border-color:var(--gold)!important;color:var(--gold)!important}
body.cb .desk-btn{border-radius:var(--r-pill)!important}

/* Status text accents */
body.cb .st-PENDING, body.cb .text-amber-400{color:var(--gold)!important}
body.cb .st-TRUE, body.cb .text-emerald-400, body.cb .text-emerald-300{color:var(--ok)!important}
body.cb .st-FALSE, body.cb .text-rose-400, body.cb .text-rose-300{color:#FF6B74!important}

/* ── Radius system 20261027h ─────────────────────────────────────────
   ROOT CAUSE of the stadium/oval bug (reported 3×: Source Passport,
   House Rules, etc.): the previous rule forced ALL .rounded-xl /
   .rounded-2xl / .rounded-lg elements — panels, cards, inputs, modals,
   toast — to --r-pill (999px). Piecemeal .cb-* overrides lost the
   specificity war to `:not(.cb-stat)`.
   STANDARD: ~14px panels/cards/modals/toast; 8px inputs/small boxes/
   progress tracks; true pills ONLY for buttons, tags, chips. */
body.cb .rounded-xl,
body.cb .rounded-2xl,
body.cb .rounded-lg,
body.cb .rounded-md,
body.cb .broadcast-plate,
body.cb article.broadcast-plate,
body.cb .cb-stat,
body.cb .cb-stats .cb-stat,
body.cb .cb-passport-trust,
body.cb .cb-trust-panel,
body.cb .cb-source-card,
body.cb .cb-rule-card,
body.cb .cb-rules-who,
body.cb #houseToast,
body.cb #submitRumorModal .broadcast-plate,
body.cb [id$="Modal"] .broadcast-plate,
body.cb .fixed .bg-house-elevated,
body.cb .fixed .bg-house-card,
body.cb #sourcesGridContainer > *,
body.cb #sourcesGridContainer > .cb-source-card,
body.cb #sourcesGridContainer > #crowdBoardCard,
body.cb #sourcePassportHeader{
  border-radius:var(--r-lg)!important;
}
body.cb input,
body.cb select,
body.cb textarea,
body.cb .desk-field,
body.cb .cb-trust-track,
body.cb .cb-trust-track-empty,
body.cb .cb-share-url,
body.cb .cb-share-copybtn,
body.cb .cb-share-item,
body.cb #sharePop .cb-share-item,
body.cb #sharePop .share-item{
  border-radius:var(--r-sm)!important;
}
/* True pills — buttons / tags / chips ONLY */
body.cb button,
body.cb button.rounded-xl,
body.cb button.rounded-lg,
body.cb button.rounded-2xl,
body.cb button.rounded-md,
body.cb .promo-pill,
body.cb .status-pill,
body.cb .due-chip,
body.cb .vote-btn,
body.cb .share-btn,
body.cb .desk-btn,
body.cb .nav-tab,
body.cb .passport-status-btn,
body.cb .mobile-nav-btn,
body.cb a.cb-share-item,
body.cb .inline-flex.items-center.gap-1.px-2\.5.py-1.rounded-lg,
body.cb span.inline-flex.rounded-lg{
  border-radius:var(--r-pill)!important;
}
/* Tiny status dots stay circular */
body.cb .w-1\.5.h-1\.5.rounded-full,
body.cb .w-2.h-2.rounded-full,
body.cb span.rounded-full.bg-house-gold,
body.cb span.rounded-full.bg-amber-400,
body.cb span.rounded-full.bg-emerald-400,
body.cb span.rounded-full.bg-rose-400{
  border-radius:999px!important;
}
/* Thin progress tracks may keep rounded ends */
body.cb .cb-meter,
body.cb .vote-bar{
  border-radius:var(--r-pill)!important;
}

/* Footer */
body.cb footer{background:var(--ink)!important;border:none!important;color:var(--muted)!important;padding:16px 28px!important;max-width:none}
body.cb footer .max-w-7xl{max-width:1400px}

/* Bottom mobile nav */
body.cb .md\:hidden.fixed.bottom-0{
  background:var(--ink)!important;border-color:var(--line)!important;border-radius:var(--r-lg) var(--r-lg) 0 0;
}

/* Source cards / leaderboard */
body.cb #sourcesGridContainer > *{border-radius:var(--r-lg)!important;overflow:hidden}
body.cb #sourcePassportHeader{border-radius:var(--r-lg)!important}



/* Full-bleed polish */
body.cb .gold-gradient-text{
  background:none!important;-webkit-text-fill-color:var(--gold)!important;color:var(--gold)!important;
}
body.cb .rope-divider{display:none!important}
body.cb footer .max-w-7xl{max-width:none!important;padding:0!important;margin:0!important}
@media(min-width:901px){
  body.cb{padding-bottom:0!important}
  body.cb .md\:hidden.fixed.bottom-0{display:none!important}
}

/* Stat tiles cleanup 20261027
   Why the prior block failed on desktop:
   1) Parent stayed lg:flex-row so tiles stayed squeezed beside the headline.
   2) body.cb .rounded-xl { border-radius: pill } fought the tile radius.
   3) Label colors used Tailwind emerald/amber utilities that fought muted labels.
   Fix: dedicated .cb-stat classes + hero stacks full-width; exclude tiles from pill rule. */
body.cb .cb-hero-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:20px!important}
body.cb .cb-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:1fr;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  flex:none!important;
  align-self:stretch!important;
}
body.cb .cb-stat{
  border-radius:14px!important;
  padding:17px 18px!important;
  background:var(--ink)!important;
  border:1px solid var(--line)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  text-align:left!important;
  min-width:0;
  min-height:118px;
  box-sizing:border-box;
  font-family:"Manrope",system-ui,sans-serif!important;
}
body.cb .cb-stat-label{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
  margin:0 0 10px!important;
  line-height:1.2!important;
}
body.cb .cb-stat-value{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:28px!important;
  font-weight:800!important;
  line-height:1.05!important;
  letter-spacing:-.01em!important;
  color:#fff!important;
  margin:0!important;
  max-width:100%;
}
body.cb .cb-stat-value--ok{color:var(--ok)!important}
body.cb .cb-stat-value--gold{color:var(--gold)!important}
body.cb .cb-stat-value--sm{
  font-size:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%;
}
body.cb .cb-stat-sub{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:500!important;
  color:var(--muted)!important;
  margin:6px 0 0!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%;
}
@media (max-width:900px){
  body.cb .cb-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Do not pill-radius the stat tiles (exclude from global .rounded-xl → pill rule) */
body.cb .cb-stats .rounded-xl,
body.cb .cb-stat{
  border-radius:14px!important;
}

/* Source Trust Board rows — match cleaned .cb-stat tiles (kept for left panel) */
body.cb #sidebarSourceList > .cb-board-row,
body.cb .cb-board-row{
  display:grid!important;
  grid-template-columns:auto auto minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:#12141A!important;
  border:1px solid var(--line)!important;
  font-family:"Manrope",system-ui,sans-serif!important;
  text-align:left!important;
  color:inherit!important;
  cursor:pointer;
  transition:border-color .15s,background .15s;
}
body.cb #sidebarSourceList > button.cb-board-row:hover,
body.cb button.cb-board-row:hover{
  border-color:rgba(245,184,46,.5)!important;
  background:#1A1C24!important;
}
body.cb .cb-board-row--crowd{
  border-style:dashed!important;
  border-color:rgba(245,184,46,.4)!important;
  cursor:default;
}
body.cb .cb-board-rank{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
  color:var(--muted)!important;
  min-width:1.25rem;
  text-align:right;
  line-height:1!important;
}
body.cb .cb-board-avatar{
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:"Unbounded",system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#0E1013!important;
  flex-shrink:0!important;
  line-height:1!important;
}
body.cb .cb-board-avatar--crowd{
  background:rgba(245,184,46,.15)!important;
  border:1px solid rgba(245,184,46,.5)!important;
  color:var(--gold)!important;
}
body.cb .cb-board-crowd-mark{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  color:var(--gold)!important;
  letter-spacing:.02em;
}
body.cb .cb-board-meta{
  min-width:0!important;
  overflow:hidden!important;
}
body.cb .cb-board-name{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  color:#fff!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%;
}
body.cb button.cb-board-row:hover .cb-board-name{color:var(--gold)!important}
body.cb .cb-board-name--crowd{color:var(--gold)!important}
body.cb .cb-board-sub{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:500!important;
  color:var(--muted)!important;
  line-height:1.35!important;
  margin-top:2px!important;
  white-space:normal!important;
  overflow:hidden!important;
  max-width:100%;
}
body.cb .cb-board-pct{
  text-align:right!important;
  justify-self:end!important;
  align-self:center!important;
  min-width:2.75rem;
}
body.cb .cb-board-pct-main{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.15!important;
  color:var(--muted)!important;
  white-space:nowrap!important;
}
body.cb .cb-board-pct--ok .cb-board-pct-main{color:var(--ok)!important}
body.cb .cb-board-pct--gold .cb-board-pct-main{color:var(--gold)!important}
body.cb .cb-board-pct--bad .cb-board-pct-main{color:#FF6B74!important}
body.cb .cb-board-pct-sub{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:10px!important;
  font-weight:500!important;
  color:var(--muted)!important;
  line-height:1.25!important;
  margin-top:2px!important;
  white-space:nowrap!important;
}
body.cb .cb-board-pct--ok .cb-board-pct-sub,
body.cb .cb-board-pct--gold .cb-board-pct-sub,
body.cb .cb-board-pct--bad .cb-board-pct-sub{
  color:#FF6B74!important;
  opacity:.85;
}

/* Feed full-width after sidebar removal */
body.cb .cb-feed-main{width:100%;max-width:none}
body.cb .cb-receipt-math{margin-top:8px}

/* Source Leaderboard / passport trust bars — 20261027g */
body.cb #sourcesGridContainer > .cb-source-card,
body.cb #sourcesGridContainer > #crowdBoardCard{
  border-radius:14px!important;
}
body.cb .cb-trust-panel{
  padding:12px 14px!important;
  border-radius:14px!important;
  background:var(--ink)!important;
  border:1px solid var(--line)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  font-family:"Manrope",system-ui,sans-serif!important;
}
body.cb .cb-trust-pcts{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
}
body.cb .cb-trust-right{color:var(--ok)!important}
body.cb .cb-trust-wrong{color:#FF6B74!important}
body.cb .cb-trust-empty-label{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  color:var(--muted)!important;
  line-height:1.35!important;
}
body.cb .cb-trust-track{
  width:100%!important;
  height:10px!important;
  border-radius:8px!important;
  background:var(--line)!important;
  overflow:hidden!important;
  display:flex!important;
}
body.cb .cb-trust-track--tall{height:12px!important}
body.cb .cb-trust-track-empty{
  flex:1 1 auto!important;
  width:100%!important;
  height:100%!important;
  background:#2A2E38!important;
  border-radius:8px!important;
}
body.cb .cb-trust-fill-ok{background:var(--ok)!important;height:100%!important;transition:width .15s}
body.cb .cb-trust-fill-bad{background:#E63946!important;height:100%!important;transition:width .15s}
body.cb .cb-trust-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:500!important;
  color:var(--muted)!important;
}
body.cb .cb-source-card .text-xs.font-mono,
body.cb #crowdBoardCard .text-xs.font-mono{
  font-family:"Manrope",system-ui,sans-serif!important;
}
body.cb .cb-passport-trust{border-radius:14px!important;font-family:"Manrope",system-ui,sans-serif!important}
body.cb .cb-passport-trust-kicker{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
}
body.cb .cb-passport-trust-sub{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
body.cb .cb-board-crowd-mark{
  font-size:10px!important;
  letter-spacing:-.02em;
}
/* Kill leftover pill radius on any old trust meters inside source cards / passport */
body.cb #sourcesGridContainer .rounded-full,
body.cb #sourcePassportHeader .rounded-full.bg-house-border,
body.cb .cb-trust-track.rounded-full{
  border-radius:8px!important;
}

/* Share popup — solid dropdown / mobile sheet (20261027g) */
body.cb #sharePop,
body.cb .cb-share-pop{
  position:fixed!important;
  z-index:80!important;
  width:min(320px, calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:14px!important;
  border-radius:12px!important;
  background:#16181E!important;
  border:1px solid var(--line)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.55), 0 0 0 1px rgba(245,184,46,.12)!important;
  color:var(--cream)!important;
  font-family:"Manrope",system-ui,sans-serif!important;
  overflow:hidden!important;
}
body.cb .cb-share-pop.hidden,
body.cb #sharePop.hidden{display:none!important}
body.cb .cb-share-grab{display:none}
body.cb .cb-share-title{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  color:var(--gold)!important;
  margin:0 0 10px!important;
  line-height:1.2!important;
}
body.cb .cb-share-urlrow{
  display:flex!important;
  align-items:stretch!important;
  gap:8px!important;
  margin:0 0 10px!important;
}
body.cb .cb-share-url,
body.cb #sharePopUrl.cb-share-url{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:9px 10px!important;
  border-radius:8px!important;
  border:1px solid var(--line)!important;
  background:var(--ink)!important;
  color:#D1D5DB!important;
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.3!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.cb .cb-share-url:focus{outline:none!important;border-color:rgba(245,184,46,.55)!important}
body.cb .cb-share-copybtn{
  flex:0 0 auto!important;
  padding:0 12px!important;
  border-radius:8px!important;
  border:1px solid var(--gold)!important;
  background:var(--gold)!important;
  color:var(--ink)!important;
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
body.cb .cb-share-copybtn.is-copied,
body.cb .cb-share-item.is-copied{
  background:var(--ok)!important;
  border-color:var(--ok)!important;
  color:var(--ink)!important;
}
body.cb .cb-share-actions{display:flex!important;flex-direction:column!important;gap:4px!important}
body.cb .cb-share-item.hidden,
body.cb #sharePop .cb-share-item.hidden{display:none!important}
body.cb .cb-share-item,
body.cb #sharePop .cb-share-item,
body.cb #sharePop .share-item{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:11px 12px!important;
  border-radius:8px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:#F3F4F6!important;
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  text-align:left!important;
  text-decoration:none!important;
  cursor:pointer!important;
  line-height:1.25!important;
}
body.cb .cb-share-item:hover,
body.cb #sharePop .cb-share-item:hover{
  background:rgba(245,184,46,.12)!important;
  color:var(--gold)!important;
  border-color:rgba(245,184,46,.25)!important;
}
body.cb .cb-share-backdrop{
  position:fixed!important;inset:0!important;z-index:70!important;
  background:rgba(0,0,0,.55)!important;
}
body.cb .cb-share-backdrop.hidden{display:none!important}

/* Mobile bottom sheet */
@media (max-width:900px){
  body.cb #sharePop.cb-share-pop--sheet,
  body.cb .cb-share-pop.cb-share-pop--sheet{
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100%!important;max-width:none!important;
    border-radius:16px 16px 0 0!important;
    padding:10px 16px calc(16px + env(safe-area-inset-bottom, 0px))!important;
    box-shadow:0 -12px 40px rgba(0,0,0,.5)!important;
  }
  body.cb #sharePop.cb-share-pop--sheet .cb-share-grab,
  body.cb .cb-share-pop.cb-share-pop--sheet .cb-share-grab{
    display:block!important;
    width:40px;height:4px;border-radius:999px;background:#3A4050;
    margin:2px auto 12px;
  }
}

/* House Rules step cards + Who Can Post — 20261027h */
body.cb #view-rules .cb-rules-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
@media (max-width:767px){
  body.cb #view-rules .cb-rules-grid{grid-template-columns:1fr!important}
}
body.cb #view-rules .cb-rule-card{
  background:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--r-lg)!important;
  padding:16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  height:100%!important;
  box-sizing:border-box!important;
  font-family:"Manrope",system-ui,sans-serif!important;
}
body.cb #view-rules .cb-rule-card-label{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:var(--gold)!important;
  line-height:1.3!important;
}
body.cb #view-rules .cb-rule-card-label.is-heat{color:var(--ok)!important}
body.cb #view-rules .cb-rule-card p,
body.cb #view-rules .cb-rule-card .cb-rule-body{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:12px!important;
  line-height:1.55!important;
  color:#C4C9D4!important;
  margin:0!important;
  flex:1 1 auto!important;
}
body.cb #view-rules .cb-rules-who{
  background:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--r-lg)!important;
  padding:16px 18px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  font-family:"Manrope",system-ui,sans-serif!important;
}
body.cb #view-rules .cb-rules-who h3{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  color:var(--cream)!important;
  margin:0 0 4px!important;
}
body.cb #view-rules .cb-rules-who p{
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:12px!important;
  color:var(--muted)!important;
  margin:0!important;
  line-height:1.45!important;
}
body.cb #view-rules .font-mono,
body.cb #view-rules .text-xs.font-mono{
  font-family:"Manrope",system-ui,sans-serif!important;
}
/* Passport / leaderboard label cleanup — Manrope, one muted tone */
body.cb .cb-passport-trust,
body.cb .cb-passport-trust *{
  font-family:"Manrope",system-ui,sans-serif!important;
}
body.cb .cb-passport-trust .cb-trust-foot,
body.cb .cb-passport-trust .cb-trust-foot span{
  color:var(--muted)!important;
  font-family:"Manrope",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:500!important;
}
body.cb .cb-passport-trust .text-amber-400,
body.cb .cb-trust-foot .text-amber-400{
  color:var(--muted)!important;
}
body.cb #sourcePassportHeader .font-mono,
body.cb #sourcePassportHeader .text-\[11px\].font-mono,
body.cb #sourcePassportHeader .text-\[10px\].font-mono{
  font-family:"Manrope",system-ui,sans-serif!important;
}
body.cb #view-sources .font-mono,
body.cb #view-source-detail .font-mono,
body.cb #view-rules .font-mono,
body.cb label.font-mono{
  font-family:"Manrope",system-ui,sans-serif!important;
}

/* Share via… must stay hidden when .hidden is set (display:flex!important was winning) */
body.cb .cb-share-item.hidden,
body.cb #sharePop .cb-share-item.hidden{display:none!important}

/* Chip / status tag pills (spans that act as tags) */
body.cb span.inline-flex.rounded-lg,
body.cb span.inline-flex.rounded-md,
body.cb .inline-flex.items-center.rounded-lg.font-extrabold,
body.cb .inline-flex.items-center.rounded-lg.text-xs{
  border-radius:var(--r-pill)!important;
}
@media (max-width:639px){
  body.cb #view-rules .cb-rules-who{
    flex-direction:column!important;
    align-items:stretch!important;
  }
}

/* --- SCOOPS-PHOTO 20261027 BEGIN ---
   Photo-first CB-art: real photos only (upload or talent). No initials tile.
   .cb-block.no-art collapses the left column; preview chip for the post form.
*/
.cb-block.no-art{
  grid-template-columns:1fr;
}
.cb-block .cb-duo.cb-photo img,
.cb-duo.cb-photo img{
  object-fit:cover;
  object-position:center center;
}
.cb-left #cbFeaturedVis:empty{
  display:none;
}
.cb-left #cbFeaturedVis .cb-duo,
.cb-left #cbFeaturedVis .cb-art{
  width:100%;
  margin-inline:auto;
}
/* Post-rumor form preview */
.cb-photo-preview{
  width:72px;height:72px;flex-shrink:0;
  border-radius:var(--r-lg, 12px);overflow:hidden;
  background:#111;border:1px solid rgba(255,255,255,.12);
}
.cb-photo-preview img{
  width:100%;height:100%;object-fit:cover;object-position:center;display:block;
}
body.cb #rumorPhotoField .cb-photo-preview.hidden{display:none!important}
/* --- SCOOPS-PHOTO 20261027 END --- */