/* === Article Tables === */
.entry-content table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 0.95rem; }
.entry-content th, .entry-content td { padding: 10px 14px; text-align: left; border: 1px solid #2a2a4a; }
.entry-content th { background: #1a1a2e; color: #e0e0e0; font-weight: 600; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.5px; }
.entry-content td { background: #16162a; color: #ccc; }
.entry-content tr:nth-child(even) td { background: #1a1a35; }
.entry-content tr:hover td { background: #222245; }
.sharedaddy, .sd-sharing-enabled, .sd-like-enabled, .likes-widget-placeholder { display: none !important; }

/* === #1: Branded placeholder for cards without images === */
.card-image-placeholder {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  position: relative;
}
.card-image-placeholder .placeholder-category {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(255,255,255,0.5);
  padding: 6px 16px;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 4px;
}
.card-image-placeholder .material-icons {
  display: none;
}

/* === #2: Headline truncation with line-clamp === */
.card-grid h3,
.article-card h3,
.news-card h3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-grid p,
.article-card p,
.news-card p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* === #6: Tag pills — cap at 5, clean layout === */
.entry-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.entry-tags a:nth-child(n+6) {
  display: none;
}
.entry-tags a {
  font-size: 0.8rem;
  padding: 4px 10px;
  border-radius: 4px;
  background: #1a1a2e;
  border: 1px solid #2a2a4a;
  color: #aaa;
  text-decoration: none;
  transition: all 0.2s;
}
.entry-tags a:hover {
  background: #222245;
  color: #fff;
  border-color: #444;
}

/* === #7: Mobile optimizations === */
@media (max-width: 768px) {
  .entry-content { font-size: 1rem; line-height: 1.7; }
  .entry-content h3 { font-size: 1.2rem; }
  .entry-content table { font-size: 0.85rem; }
  .entry-content th, .entry-content td { padding: 8px 10px; }
  .sidebar-newsletter { display: none !important; }
  .trending-topics { font-size: 0.8rem; }
  .trending-topics a { padding: 3px 8px; }
}

/* === #9: Remove duplicate sidebar newsletter CTA === */
.sidebar .newsletter-widget,
.sidebar .newsletter-signup,
aside .jetpack_subscription_widget {
  display: none !important;
}

/* === #10: Reading time styling === */
.reading-time,
.read-time {
  font-weight: 600;
  color: #8899aa;
  font-size: 0.9rem;
}
.reading-time::before,
.read-time::before {
  content: "⏱ ";
}

/* === #3: Related posts cleanup === */
.jp-relatedposts-i2 .jp-relatedposts-post {
  border: 1px solid #2a2a4a;
  border-radius: 8px;
  overflow: hidden;
  background: #16162a;
}
.jp-relatedposts-i2 .jp-relatedposts-post:hover {
  border-color: #444;
}
.jp-relatedposts-i2 .jp-relatedposts-post-img {
  min-height: 120px;
  background: linear-gradient(135deg, #1a1a2e, #0f3460);
}

/* === #8: Search results page styling === */
.search-results .post {
  border-bottom: 1px solid #2a2a4a;
  padding: 1.5rem 0;
}
.search-results .post h2 a {
  color: #e0e0e0;
  text-decoration: none;
}
.search-results .post h2 a:hover {
  color: #ff4444;
}
.search-no-results {
  text-align: center;
  padding: 3rem 1rem;
  color: #888;
}

/* === #3: Hide Jetpack related posts (theme has custom Related Stories) === */
#jp-relatedposts,
.jp-relatedposts {
  display: none !important;
}

/* === Hide Jetpack sharing & likes on single posts === */
.sharedaddy,
.sd-sharing-enabled,
.sd-like-enabled {
  display: none !important;
}

/* === #9 fix: Hide sidebar newsletter CTA (keep footer one) === */
aside .rounded-xl.p-6[class*="border"] { display: none !important; }

/* === Ticker Pages: Override prose grid blocking === */
.fiw-content [style*="grid-template-columns"] {
  display: grid !important;
}
.fiw-content [style*="max-width:1200px"] {
  max-width: 1200px !important;
}
.fiw-content > div > div[style*="grid"] {
  display: grid !important;
}