/* ================================================================
   CBS BLOG — Blog listing + single post
   ================================================================ */

/* ── Blog Hero ── */
.cbs-blog-hero {
  position: relative;
  background-image: url('/wp-content/uploads/2026/03/blog-hero-bg.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 120px 0 100px;
  text-align: center;
  min-height: 462px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cbs-blog-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(15,25,65,.97) 0%, rgba(15,25,65,.88) 50%, rgba(15,25,65,.97) 100%);
  z-index: 1;
}
.cbs-blog-hero .cbs-container { position: relative; z-index: 2; }
.cbs-blog-hero .cbs-eyebrow {
  color: rgba(255,255,255,.6);
  font-size: .78rem;
  letter-spacing: .12em;
}
.cbs-blog-hero__title {
  color: #fff !important;
  font-size: 2.2rem;
  margin: 12px 0 16px;
}
.cbs-blog-hero__desc {
  color: rgba(255,255,255,.7);
  font-size: 1.05rem;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}

/* ── Category Filters ── */
.cbs-blog-filters {
  background: var(--bg-card, #fff);
  border-bottom: 1px solid var(--border-color, #e2e2e2);
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 16px 0;
}
.cbs-blog-filters__wrap {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding: 0 4px;
}
.cbs-blog-filters__wrap::-webkit-scrollbar { display: none; }
.cbs-blog-filter {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  font-size: .82rem;
  font-weight: 600;
  color: var(--text-secondary, #666);
  background: var(--bg-surface, #f5f5f5);
  border-radius: 50px;
  text-decoration: none;
  white-space: nowrap;
  transition: all .2s;
  border: 1.5px solid transparent;
}
.cbs-blog-filter:hover {
  color: var(--cbs-blue, #25377B);
  border-color: var(--cbs-blue, #25377B);
  background: rgba(37,55,123,.04);
}
.cbs-blog-filter.is-active {
  background: var(--cbs-blue, #25377B);
  color: #fff;
  border-color: var(--cbs-blue, #25377B);
}
.cbs-blog-filter__count {
  font-size: .7rem;
  font-weight: 700;
  background: rgba(0,0,0,.1);
  padding: 1px 7px;
  border-radius: 20px;
}
.cbs-blog-filter.is-active .cbs-blog-filter__count {
  background: rgba(255,255,255,.2);
}

/* ── Blog listing section ── */
.cbs-blog-listing { padding: 48px 0 80px; }

/* ── Featured post (first) ── */
.cbs-blog-featured {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: center;
  padding-bottom: 48px;
  border-bottom: 1px solid var(--border-color, #e2e2e2);
}
.cbs-blog-featured__img-wrap {
  border-radius: 16px;
  overflow: hidden;
}
.cbs-blog-featured__img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
  transition: transform .4s;
}
.cbs-blog-featured:hover .cbs-blog-featured__img {
  transform: scale(1.03);
}
.cbs-blog-featured__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cbs-blog-featured__cat {
  display: inline-block;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cbs-red, #E4342D);
  background: rgba(228,52,45,.08);
  padding: 4px 14px;
  border-radius: 50px;
  align-self: flex-start;
}
.cbs-blog-featured__title {
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.3;
  color: var(--text-heading, #1a1a1a);
  margin: 0;
}
.cbs-blog-featured__title a { color: inherit; text-decoration: none; }
.cbs-blog-featured__title a:hover { color: var(--cbs-blue, #25377B); }
.cbs-blog-featured__excerpt {
  font-size: .95rem;
  line-height: 1.65;
  color: var(--text-secondary, #666);
}
.cbs-blog-featured__meta {
  font-size: .8rem;
  color: var(--text-secondary, #999);
}

/* ── Card category badge (pill like featured) ── */
.cbs-card__cat {
  display: inline-flex;
  align-self: flex-start;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--cbs-red, #E4342D);
  background: rgba(228,52,45,.08);
  padding: 3px 10px;
  border-radius: 50px;
  margin-bottom: 6px;
  margin-left: -10px;
  width: fit-content;
}

/* ── Blog listing cards ── */
.cbs-grid .cbs-card {
  border: 1px solid var(--border-color, #e2e2e2);
  border-radius: 16px;
  overflow: hidden;
  background: var(--bg-card, #fff);
  transition: transform .25s, box-shadow .25s;
  display: flex;
  flex-direction: column;
}
.cbs-grid .cbs-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 48px rgba(37,55,123,.12);
}
.cbs-grid .cbs-card .cbs-card__img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: transform .3s;
}
.cbs-grid .cbs-card:hover .cbs-card__img { transform: scale(1.04); }
.cbs-grid .cbs-card .cbs-card__body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cbs-grid .cbs-card .cbs-card__date {
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--cbs-red, #E4342D);
  margin-bottom: 8px;
  display: block;
}
.cbs-grid .cbs-card .cbs-card__title {
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 10px;
  color: var(--text-heading, #1a1a1a);
}
.cbs-grid .cbs-card .cbs-card__title a { color: inherit; text-decoration: none; }
.cbs-grid .cbs-card .cbs-card__title a:hover { color: var(--cbs-blue, #25377B); }
.cbs-grid .cbs-card .cbs-card__text {
  font-size: .88rem;
  line-height: 1.65;
  color: var(--text-secondary, #666);
  flex: 1;
  margin-bottom: 16px;
}
.cbs-grid .cbs-card .cbs-btn--outline {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 20px;
  font-size: .78rem;
  font-weight: 700;
  color: var(--cbs-blue, #25377B);
  border: 1.5px solid var(--border-color, #e2e2e2);
  border-radius: 50px;
  text-decoration: none;
  transition: all .2s;
  align-self: flex-start;
  margin-top: auto;
}
.cbs-grid .cbs-card .cbs-btn--outline:hover {
  border-color: var(--cbs-blue, #25377B);
  background: rgba(37,55,123,.04);
}

/* ── Pagination ── */
.cbs-pagination { margin-top: 48px; text-align: center; }
.cbs-pagination .nav-links { display: flex; justify-content: center; gap: 8px; }
.cbs-pagination .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%;
  font-size: .88rem; font-weight: 600;
  color: var(--text-body, #333); background: var(--bg-surface, #f5f5f5);
  text-decoration: none; transition: all .2s;
}
.cbs-pagination .page-numbers.current,
.cbs-pagination .page-numbers:hover { background: var(--cbs-blue, #25377B); color: #fff; }
.cbs-pagination .page-numbers.prev,
.cbs-pagination .page-numbers.next { width: auto; padding: 0 16px; border-radius: 50px; }

/* ══════════════════════════════════════════════════════════
   SINGLE POST
   ══════════════════════════════════════════════════════════ */

/* ── Breadcrumb bar ── */
.cbs-post-breadcrumb-bar {
  background: var(--bg-surface, #f5f5f5);
  padding: 12px 0;
  border-bottom: 1px solid var(--border-color, #e2e2e2);
}
.cbs-breadcrumbs { font-size: .82rem; color: var(--text-secondary, #888); }
.cbs-breadcrumbs a { color: var(--cbs-blue, #25377B); text-decoration: none; }
.cbs-breadcrumbs a:hover { text-decoration: underline; }
.cbs-breadcrumb-sep { margin: 0 8px; color: var(--text-secondary, #ccc); }

/* ── Article ── */
.cbs-post { padding: 48px 0 80px; }
.cbs-post .cbs-container { max-width: 1100px; }

/* ── Header ── */
.cbs-post__header { margin-bottom: 32px; }
.cbs-post__cat-badge {
  display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: #fff; background: var(--cbs-red, #E4342D);
  padding: 5px 16px; border-radius: 50px; text-decoration: none; margin-bottom: 16px;
}
.cbs-post__cat-badge:hover { background: #a01d28; color: #fff; }
.cbs-post__title {
  font-size: 2.2rem; font-weight: 800; line-height: 1.2;
  letter-spacing: -.02em; color: var(--text-heading, #1a1a1a); margin: 0 0 16px;
}
.cbs-post__meta {
  font-size: .85rem; color: var(--text-secondary, #888);
  display: flex; align-items: center; gap: 20px;
}
.cbs-post__meta i { margin-right: 4px; }

/* ── Hero image ── */
.cbs-post__hero-img { margin: 0 0 40px; padding: 0; }
.cbs-post__featured-img {
  width: 100%; height: auto; border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0,0,0,.08); display: block;
}

/* ── Two-column layout ── */
.cbs-post__layout {
  display: grid; grid-template-columns: 1fr 320px; gap: 48px; align-items: start;
}
.cbs-post__main { min-width: 0; }

/* ── Sidebar ── */
.cbs-post__sidebar {
  position: sticky;
  top: 140px;
  align-self: start;
  background: var(--bg-surface, #f8f9fb);
  border: 1px solid var(--border-color, #e2e2e2);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* ── Table of Contents ── */
.cbs-post__toc {
  background: var(--bg-card, #fff); border-radius: 12px;
  padding: 20px 24px;
  border: 1px solid var(--border-color, #e2e2e2);
}
.cbs-post__toc-title {
  font-size: .88rem; font-weight: 700; color: var(--text-heading, #1a1a1a);
  margin: 0 0 12px; display: flex; align-items: center; gap: 8px;
}
.cbs-post__toc-title i { color: var(--cbs-red, #E4342D); }
.cbs-post__toc-list {
  list-style: none; padding: 0; margin: 0;
  font-size: .82rem; line-height: 1.8;
}
.cbs-post__toc-list li { counter-increment: toc; }
.cbs-post__toc-list li::before {
  content: counter(toc) ". "; color: var(--cbs-red, #E4342D); font-weight: 700;
}
.cbs-post__toc-list a { color: var(--text-body, #444); text-decoration: none; }
.cbs-post__toc-list a:hover { color: var(--cbs-blue, #25377B); }

/* ── CTA Box ── */
.cbs-post__cta-box {
  background: linear-gradient(135deg, #25377B 0%, #1a2a5e 100%);
  border-radius: 12px; padding: 24px; color: #fff;
  text-align: center;
  display: flex; flex-direction: column; gap: 10px;
}
.cbs-post__cta-box h3 { font-size: 1.05rem; margin: 0; color: #fff; }
.cbs-post__cta-box p { font-size: .85rem; opacity: .8; margin: 0 0 4px; }
.cbs-post__cta-box .cbs-btn-rojo,
.cbs-post__cta-box button.cbs-btn-rojo {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  font-size: .88rem;
  font-weight: 700;
  color: #fff;
  background: var(--cbs-red, #E4342D);
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: background .2s, transform .15s;
  text-decoration: none;
}
.cbs-post__cta-box .cbs-btn-rojo:hover,
.cbs-post__cta-box button.cbs-btn-rojo:hover {
  background: #a01d28;
  transform: translateY(-1px);
}
.cbs-post__cta-box .cbslh-trigger {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  font-size: .88rem;
  font-weight: 700;
  color: #fff !important;
  background: #25D366 !important;
  border: none;
  border-radius: 50px;
  text-decoration: none;
  transition: background .2s, transform .15s;
}
.cbs-post__cta-box .cbslh-trigger:hover {
  background: #1da851 !important;
  transform: translateY(-1px);
}

/* ── Related posts sidebar ── */
.cbs-post__related { margin-bottom: 24px; }
.cbs-post__related-title {
  font-size: .88rem; font-weight: 700; color: var(--text-heading);
  margin: 0 0 16px; padding-bottom: 8px;
  border-bottom: 2px solid var(--cbs-red, #E4342D);
}
.cbs-post__related-card {
  display: flex; gap: 12px; padding: 10px 0; text-decoration: none;
  border-bottom: 1px solid var(--border-color, #eee); transition: background .2s;
}
.cbs-post__related-card:hover { background: var(--bg-surface, #f8f9fb); }
.cbs-post__related-img { width: 60px; height: 60px; border-radius: 8px; object-fit: cover; flex-shrink: 0; }
.cbs-post__related-card-title {
  font-size: .82rem; font-weight: 600; color: var(--text-heading, #1a1a1a);
  display: block; line-height: 1.4;
}
.cbs-post__related-date { font-size: .72rem; color: var(--text-secondary, #999); }

/* ── Tags ── */
.cbs-post__tags {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  padding: 24px 0; margin-top: 32px;
  border-top: 1px solid var(--border-color, #e2e2e2);
}
.cbs-post__tag {
  padding: 5px 14px; background: var(--bg-surface, #f1f3f5); border-radius: 50px;
  font-size: .75rem; font-weight: 600; color: var(--cbs-blue, #25377B);
  text-decoration: none; transition: all .2s;
}
.cbs-post__tag:hover { background: var(--cbs-blue, #25377B); color: #fff; }

/* ── Prev/Next navigation ── */
.cbs-post__nav {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
  margin-top: 40px; padding-top: 32px;
  border-top: 1px solid var(--border-color, #e2e2e2);
}
.cbs-post__nav-link {
  display: flex; flex-direction: column; gap: 4px; padding: 16px 20px;
  border: 1px solid var(--border-color, #e2e2e2); border-radius: 12px;
  text-decoration: none; transition: all .2s;
}
.cbs-post__nav-link:hover {
  border-color: var(--cbs-blue, #25377B); background: rgba(37,55,123,.03);
}
.cbs-post__nav-link--next { text-align: right; }
.cbs-post__nav-label { font-size: .72rem; font-weight: 700; color: var(--cbs-red, #E4342D); text-transform: uppercase; letter-spacing: .05em; }
.cbs-post__nav-title { font-size: .88rem; font-weight: 600; color: var(--text-heading, #1a1a1a); line-height: 1.4; }

/* ── Post content typography ── */
.cbs-content { line-height: 1.85; color: var(--text-body, #444); font-size: 1.05rem; }
.cbs-content h2 {
  font-size: 1.6rem; font-weight: 800; color: var(--cbs-blue, #25377B);
  margin: 48px 0 16px; padding-bottom: 8px;
  border-bottom: 2px solid var(--cbs-red, #E4342D);
}
.cbs-content h3 { font-size: 1.25rem; font-weight: 700; color: var(--cbs-blue, #25377B); margin: 36px 0 12px; }
.cbs-content h4 { font-size: 1.1rem; font-weight: 700; color: var(--text-heading, #333); margin: 28px 0 10px; }
.cbs-content p { margin-bottom: 20px; }
.cbs-content a { color: var(--cbs-blue, #25377B); text-decoration: underline; text-underline-offset: 3px; }
.cbs-content a:hover { color: var(--cbs-red, #E4342D); }
.cbs-content img { border-radius: 12px; margin: 24px 0; max-width: 100%; height: auto; }
.cbs-content ul, .cbs-content ol { margin: 20px 0; padding-left: 28px; }
.cbs-content ul { list-style: disc; }
.cbs-content ol { list-style: decimal; }
.cbs-content li { margin-bottom: 8px; line-height: 1.7; }
.cbs-content blockquote {
  margin: 32px 0; padding: 24px 28px;
  border-left: 4px solid var(--cbs-red, #E4342D);
  background: var(--bg-surface, #f8f9fb);
  border-radius: 0 12px 12px 0; font-style: italic;
  font-size: 1.05rem; color: var(--text-secondary, #555);
}
.cbs-content table { width: 100%; border-collapse: collapse; margin: 24px 0; border-radius: 8px; overflow: hidden; border: 1px solid var(--border-color, #e2e2e2); }
.cbs-content th { padding: 12px 16px; background: var(--cbs-blue, #25377B); color: #fff; font-weight: 700; font-size: .85rem; text-align: left; }
.cbs-content td { padding: 10px 16px; border-bottom: 1px solid var(--border-color, #eee); font-size: .92rem; }
.cbs-content tr:nth-child(even) td { background: var(--bg-surface, #f9fafb); }

.cbs-post__footer { margin-top: 48px; padding-top: 32px; border-top: 1px solid var(--border-color, #e2e2e2); }
.cbs-post__tags a {
  padding: 6px 16px; background: var(--bg-surface, #f1f3f5); border-radius: 50px;
  font-size: .78rem; font-weight: 600; color: var(--cbs-blue, #25377B); text-decoration: none; transition: all .2s;
}
.cbs-post__tags a:hover { background: var(--cbs-blue, #25377B); color: #fff; }

/* ── Lightbox ── */
.cbs-lightbox {
  position: fixed; inset: 0; z-index: 99999;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s;
}
.cbs-lightbox.is-open { opacity: 1; visibility: visible; }
.cbs-lightbox__backdrop {
  position: absolute; inset: 0; background: rgba(0,0,0,.85); cursor: zoom-out;
}
.cbs-lightbox__img {
  position: relative; max-width: 90vw; max-height: 90vh;
  border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,.5);
  object-fit: contain; cursor: zoom-out;
  transform: scale(.9); transition: transform .25s;
}
.cbs-lightbox.is-open .cbs-lightbox__img { transform: scale(1); }

/* ══════════════════════════════════════════════════════════
   DARK MODE
   ══════════════════════════════════════════════════════════ */
[data-theme="dark"] .cbs-blog-hero::before {
  background: linear-gradient(90deg, rgba(10,18,50,.98) 0%, rgba(10,18,50,.92) 50%, rgba(10,18,50,.98) 100%);
}
[data-theme="dark"] .cbs-blog-filters { background: var(--bg-body, #0f172a); border-color: var(--border-color); }
[data-theme="dark"] .cbs-blog-filter { background: var(--bg-surface); color: var(--text-secondary); }
[data-theme="dark"] .cbs-blog-filter:hover { color: #fff; border-color: var(--cbs-blue-light, #7ba6f7); }
[data-theme="dark"] .cbs-blog-filter.is-active { background: var(--cbs-blue); color: #fff; }
[data-theme="dark"] .cbs-blog-listing { background: var(--bg-body); }
[data-theme="dark"] .cbs-blog-featured { border-color: var(--border-color); }
[data-theme="dark"] .cbs-blog-featured__title { color: var(--text-heading); }
[data-theme="dark"] .cbs-blog-featured__excerpt { color: var(--text-secondary); }
[data-theme="dark"] .cbs-blog-featured__cat { background: rgba(228,52,45,.15); }
[data-theme="dark"] .cbs-card__cat { color: #fff; font-weight: 800; background: rgba(255,255,255,.1); }
[data-theme="dark"] .cbs-grid .cbs-card .cbs-card__date { color: #fff; font-weight: 700; }
[data-theme="dark"] .cbs-blog-featured__cat { color: #fff; background: rgba(255,255,255,.1); font-weight: 800; }
[data-theme="dark"] .cbs-blog-featured__meta { color: rgba(255,255,255,.5); }
[data-theme="dark"] .cbs-grid .cbs-card { background: var(--bg-surface, #1e293b); border-color: var(--border-color, #334155); }
[data-theme="dark"] .cbs-grid .cbs-card:hover { box-shadow: 0 16px 48px rgba(0,0,0,.3); }
[data-theme="dark"] .cbs-grid .cbs-card .cbs-card__title { color: var(--text-heading, #f1f5f9); }
[data-theme="dark"] .cbs-grid .cbs-card .cbs-card__text { color: var(--text-secondary, #94a3b8); }
[data-theme="dark"] .cbs-grid .cbs-card .cbs-btn--outline { color: var(--text-heading, #f1f5f9); border-color: var(--border-color, #475569); }
[data-theme="dark"] .cbs-grid .cbs-card .cbs-btn--outline:hover { border-color: var(--text-heading); background: rgba(255,255,255,.05); }
[data-theme="dark"] .cbs-pagination .page-numbers { background: var(--bg-surface); color: var(--text-body, #cbd5e1); }
[data-theme="dark"] .cbs-pagination .page-numbers.current,
[data-theme="dark"] .cbs-pagination .page-numbers:hover { background: var(--cbs-blue, #25377B); color: #fff; }
[data-theme="dark"] .cbs-breadcrumbs { color: var(--text-secondary, #94a3b8); }
[data-theme="dark"] .cbs-breadcrumbs a { color: #fff !important; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
[data-theme="dark"] .cbs-post__meta { color: var(--text-secondary); border-color: var(--border-color); }
[data-theme="dark"] .cbs-post__thumbnail img { box-shadow: 0 8px 32px rgba(0,0,0,.2); }
[data-theme="dark"] .cbs-content { color: var(--text-body, #cbd5e1); }
[data-theme="dark"] .cbs-content h2 { color: var(--text-heading); border-color: var(--cbs-red); }
[data-theme="dark"] .cbs-content h3 { color: var(--text-heading); }
[data-theme="dark"] .cbs-content a { color: #fff !important; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
[data-theme="dark"] .cbs-content blockquote { background: rgba(255,255,255,.03); color: var(--text-secondary); }
[data-theme="dark"] .cbs-content th { background: rgba(37,55,123,.6); }
[data-theme="dark"] .cbs-content td { color: var(--text-body); border-color: var(--border-color); }
[data-theme="dark"] .cbs-content tr:nth-child(even) td { background: rgba(255,255,255,.03); }
[data-theme="dark"] .cbs-post__sidebar { background: var(--bg-surface); border-color: var(--border-color); }
[data-theme="dark"] .cbs-post-breadcrumb-bar { background: var(--bg-surface); border-color: var(--border-color); }
[data-theme="dark"] .cbs-post__title { color: var(--text-heading); }
[data-theme="dark"] .cbs-post__featured-img { box-shadow: 0 8px 32px rgba(0,0,0,.3); }
[data-theme="dark"] .cbs-post__toc { background: var(--bg-surface); border-color: var(--border-color); }
[data-theme="dark"] .cbs-post__toc-title { color: #fff; }
[data-theme="dark"] .cbs-post__toc-list a { color: rgba(255,255,255,.8); text-decoration: none; }
[data-theme="dark"] .cbs-post__toc-list a:hover { color: #fff; }
[data-theme="dark"] .cbs-post__related-card-title { color: var(--text-heading); }
[data-theme="dark"] .cbs-post__related-card { border-color: var(--border-color); }
[data-theme="dark"] .cbs-post__related-card:hover { background: var(--bg-surface); }
[data-theme="dark"] .cbs-post__tag { background: var(--bg-surface); color: var(--text-heading); }
[data-theme="dark"] .cbs-post__tag:hover { background: var(--cbs-blue); color: #fff; }
[data-theme="dark"] .cbs-post__nav-link { border-color: var(--border-color); }
[data-theme="dark"] .cbs-post__nav-link:hover { border-color: var(--cbs-blue-light); background: rgba(255,255,255,.03); }
[data-theme="dark"] .cbs-post__nav-title { color: var(--text-heading); }
[data-theme="dark"] .cbs-post__tags { border-color: var(--border-color); }
[data-theme="dark"] .cbs-post__nav { border-color: var(--border-color); }

/* ══════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
  .cbs-blog-hero { padding: 48px 0 36px; }
  .cbs-blog-hero__title { font-size: 1.5rem; }
  .cbs-blog-hero__desc { font-size: .9rem; }
  .cbs-blog-featured { grid-template-columns: 1fr; gap: 20px; }
  .cbs-blog-featured__img { height: 220px; }
  .cbs-blog-featured__title { font-size: 1.25rem; }
  .cbs-grid.cbs-grid-3 { grid-template-columns: 1fr !important; max-width: 480px; margin: 0 auto; }
  .cbs-grid .cbs-card .cbs-card__img { height: 180px; }
  .cbs-grid .cbs-card .cbs-card__body { padding: 18px; }
  .cbs-grid .cbs-card .cbs-card__title { font-size: .95rem; }
  .cbs-post__title { font-size: 1.5rem !important; }
  .cbs-post__layout { grid-template-columns: 1fr; }
  .cbs-post__sidebar { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .cbs-post__toc { order: -1; grid-column: 1 / -1; }
  .cbs-content { font-size: .95rem; }
  .cbs-content h2 { font-size: 1.3rem; }
  .cbs-content h3 { font-size: 1.1rem; }
  .cbs-post__meta { flex-wrap: wrap; justify-content: center; }
  .cbs-post__nav { grid-template-columns: 1fr; }
  .cbs-post__nav-link--next { text-align: left; }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .cbs-grid.cbs-grid-3 { grid-template-columns: repeat(2, 1fr); }
}