/* ===== THE PEKING BRIEF - CPEC/Al Jazeera Style ===== */
:root {
  --tpb-red: #8B0000;
  --tpb-gold: #D4AF37;
  --tpb-dark: #1a1a1a;
  --tpb-border: #e0e0e0;
  --tpb-text: #222;
  --tpb-light: #666;
  --tpb-bg: #f5f5f5;
}

/* === GLOBAL === */
body { font-family: Georgia, 'Times New Roman', serif; color: var(--tpb-text); background: #fff; }
a { color: var(--tpb-red); text-decoration: none; }
a:hover { color: var(--tpb-gold); }

/* === HEADER === */
.wp-site-header, header.wp-block-template-part {
  background: var(--tpb-red) !important;
  border-bottom: 3px solid var(--tpb-gold) !important;
  padding: 0 20px !important;
}
.wp-block-site-title a, .wp-block-site-title {
  color: #fff !important; font-family: Georgia, serif !important;
  font-weight: 700 !important; font-size: 1.6rem !important;
  text-decoration: none !important;
}
.wp-block-navigation a, .wp-block-navigation-item__content {
  color: #fff !important; font-size: .8rem !important; font-weight: 600 !important;
  text-transform: uppercase !important; letter-spacing: .5px !important;
  padding: 10px 14px !important;
}
.wp-block-navigation a:hover { color: var(--tpb-gold) !important; }

/* === HERO CAROUSEL === */
.tpb-carousel-wrap { position: relative; margin-bottom: 0; background: #000; }
.tpb-carousel { position: relative; width: 100%; height: 500px; overflow: hidden; }
.tpb-slide {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  opacity: 0; transition: opacity .6s ease;
}
.tpb-slide.active { opacity: 1; z-index: 2; }
.tpb-slide-link { display: block; width: 100%; height: 100%; position: relative; }
.tpb-slide img { width: 100%; height: 100%; object-fit: cover; }
.tpb-slide-overlay {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(transparent, rgba(0,0,0,.85));
  padding: 60px 40px 30px;
}
.tpb-slide-cat {
  display: inline-block; background: var(--tpb-red); color: #fff;
  font-size: .7rem; font-weight: 700; padding: 3px 10px;
  letter-spacing: 1px; font-family: Arial, sans-serif; margin-bottom: 10px;
}
.tpb-slide-title {
  color: #fff; font-size: 2rem; font-weight: 700; line-height: 1.2;
  margin: 8px 0; font-family: Georgia, serif; max-width: 700px;
}
.tpb-slide-meta {
  color: #aaa; font-size: .75rem; font-family: Arial, sans-serif;
  letter-spacing: .5px;
}
.tpb-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  z-index: 10; background: rgba(0,0,0,.5); color: #fff;
  border: none; font-size: 2.5rem; cursor: pointer;
  padding: 10px 18px; line-height: 1;
  transition: background .3s;
}
.tpb-nav:hover { background: var(--tpb-red); }
.tpb-prev { left: 0; }
.tpb-next { right: 0; }

/* Thumbnail strip */
.tpb-thumbstrip {
  display: flex; gap: 4px; padding: 4px; background: #1a1a1a;
  overflow-x: auto;
}
.tpb-thumb {
  flex: 0 0 auto; width: 100px; height: 65px; cursor: pointer;
  opacity: .5; transition: opacity .3s; overflow: hidden;
  border: 2px solid transparent;
}
.tpb-thumb.active { opacity: 1; border-color: var(--tpb-red); }
.tpb-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* === SIDEBAR (Must Read / More Headlines) === */
.tpb-sidebar-section { padding: 0 16px; }
.tpb-sidebar-heading {
  font-family: Arial, sans-serif; font-size: .85rem; font-weight: 700;
  letter-spacing: 1px; margin: 20px 0 16px; padding-bottom: 8px;
  border-bottom: 1px solid var(--tpb-border); color: var(--tpb-dark);
  display: flex; align-items: center; gap: 8px;
}
.tpb-heading-bar {
  display: inline-block; width: 4px; height: 18px;
  background: var(--tpb-gold); flex-shrink: 0;
}
.tpb-must-read-item, .tpb-more-item {
  display: flex; gap: 12px; padding: 12px 0;
  border-bottom: 1px solid var(--tpb-border); align-items: flex-start;
}
.tpb-mr-text, .tpb-more-text { flex: 1; }
.tpb-mr-text a, .tpb-more-text a {
  font-family: Georgia, serif; font-size: .9rem; font-weight: 600;
  color: var(--tpb-dark); text-decoration: none; line-height: 1.4;
}
.tpb-mr-text a:hover, .tpb-more-text a:hover { color: var(--tpb-red); }
.tpb-mr-thumb, .tpb-more-thumb {
  flex: 0 0 100px; height: 70px; overflow: hidden; border-radius: 3px;
}
.tpb-mr-thumb img, .tpb-more-thumb img {
  width: 100%; height: 100%; object-fit: cover;
}

/* === CATEGORY SECTIONS === */
.tpb-cat-section {
  margin: 30px 0; padding: 20px 0;
  border-top: 1px solid var(--tpb-border);
}
.tpb-cat-title {
  font-family: Georgia, serif; font-size: 1.1rem; font-weight: 700;
  margin-bottom: 20px;
}
.tpb-cat-title a { color: var(--tpb-red); }
.tpb-cat-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.tpb-cat-featured { grid-column: 1 / -1; }
.tpb-cat-featured .tpb-cat-img { position: relative; margin-bottom: 12px; }
.tpb-cat-featured .tpb-cat-img img {
  width: 100%; height: 300px; object-fit: cover; border-radius: 2px;
}
.tpb-cat-badge {
  position: absolute; bottom: 12px; left: 12px;
  background: var(--tpb-red); color: #fff;
  font-size: .65rem; font-weight: 700; padding: 3px 10px;
  letter-spacing: 1px; font-family: Arial, sans-serif;
}
.tpb-cat-img img { width: 100%; height: 150px; object-fit: cover; border-radius: 2px; }
.tpb-cat-headline {
  font-family: Georgia, serif; font-size: 1rem; font-weight: 600;
  margin: 8px 0 4px; line-height: 1.3;
}
.tpb-cat-headline a { color: var(--tpb-dark); }
.tpb-cat-headline a:hover { color: var(--tpb-red); }
.tpb-cat-excerpt {
  font-family: Arial, sans-serif; font-size: .85rem;
  color: var(--tpb-light); line-height: 1.5;
}

/* === POST GRID (existing query loops) === */
.wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 1px !important; background: var(--tpb-border) !important;
}
.wp-block-post-template > .wp-block-post {
  background: #fff !important; padding: 16px !important;
}
.wp-block-post-title, .wp-block-post-title a {
  font-family: Georgia, serif !important; font-weight: 700 !important;
  color: var(--tpb-dark) !important; text-decoration: none !important;
  line-height: 1.3 !important; font-size: 1rem !important;
}
.wp-block-post-title a:hover { color: var(--tpb-red) !important; }
.wp-block-post-excerpt, .wp-block-post-excerpt__excerpt {
  font-family: Arial, sans-serif !important; font-size: .85rem !important;
  color: var(--tpb-light) !important;
}
.wp-block-post-featured-image { margin-bottom: 10px !important; overflow: hidden !important; }
.wp-block-post-featured-image img {
  width: 100% !important; height: 180px !important;
  object-fit: cover !important;
}
.wp-block-post-date {
  font-size: .7rem !important; color: var(--tpb-light) !important;
  text-transform: uppercase !important; font-family: Arial, sans-serif !important;
}
.wp-block-post-terms { font-size: .65rem !important; text-transform: uppercase !important; font-weight: 700 !important; }
.wp-block-post-terms a {
  color: var(--tpb-red) !important; background: rgba(139,0,0,.08) !important;
  padding: 2px 6px !important; border-radius: 2px !important; text-decoration: none !important;
}
.wp-block-post-excerpt__more-link { display: none !important; }

/* === PAGINATION === */
.wp-block-query-pagination { justify-content: center !important; margin-top: 20px !important; }
.wp-block-query-pagination a, .page-numbers {
  background: #f5f5f5 !important; color: var(--tpb-dark) !important;
  padding: 6px 12px !important; border: 1px solid var(--tpb-border) !important;
  text-decoration: none !important;
}
.page-numbers.current { background: var(--tpb-red) !important; color: #fff !important; border-color: var(--tpb-red) !important; }

/* === LATEST POSTS SIDEBAR === */
.wp-block-latest-posts li {
  border-bottom: 1px solid var(--tpb-border) !important; padding: 10px 0 !important;
}
.wp-block-latest-posts li a {
  font-family: Georgia, serif !important; font-size: .85rem !important;
  font-weight: 600 !important; color: var(--tpb-dark) !important;
  text-decoration: none !important;
}
.wp-block-latest-posts li a:hover { color: var(--tpb-red) !important; }

/* === FOOTER === */
footer.wp-block-template-part, .wp-site-footer {
  background: var(--tpb-dark) !important; color: #ccc !important;
  border-top: 3px solid var(--tpb-gold) !important;
}
footer a, .wp-site-footer a { color: var(--tpb-gold) !important; }

/* === MOBILE === */
@media (max-width: 768px) {
  .tpb-carousel { height: 300px; }
  .tpb-slide-title { font-size: 1.3rem; }
  .tpb-slide-overlay { padding: 30px 20px 20px; }
  .tpb-cat-grid { grid-template-columns: 1fr; }
  .wp-block-post-template { grid-template-columns: 1fr !important; }
  .wp-block-site-title a { font-size: 1.2rem !important; }
  .wp-block-navigation a { font-size: .7rem !important; padding: 6px 8px !important; }
  .wp-block-columns { flex-direction: column !important; }
  .tpb-thumbstrip { display: none; }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .tpb-carousel { height: 400px; }
  .wp-block-post-template { grid-template-columns: repeat(2, 1fr) !important; }
}