/* ══════════════════════════════════════════════
   WHO KILLED...? — ZITE-STYLE CSS
   Paste into: Appearance → Customize → Additional CSS
   ══════════════════════════════════════════════ */

/* ── Variables ── */
:root {
  --wk-red:    #cc0000;
  --wk-dark:   #111111;
  --wk-gap:    12px;
  --wk-radius: 3px;
}

/* ── Query Loop grid: 3 columns ── */
.wp-block-query .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: var(--wk-gap) !important;
  list-style: none !important;
  padding: 0 !important;
}

/* ── Each episode card ── */
.wp-block-query .wp-block-post-template li {
  background: #ffffff;
  border-radius: var(--wk-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.wp-block-query .wp-block-post-template li:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.14);
}

/* ── Featured image inside card ── */
.wp-block-query .wp-block-post-featured-image img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.wp-block-query .wp-block-post-template li:hover
  .wp-block-post-featured-image img {
  transform: scale(1.04);
}

/* ── Card text area ── */
.wp-block-query .wp-block-post-title,
.wp-block-query .wp-block-post-date,
.wp-block-query .wp-block-post-excerpt {
  padding: 0 14px;
}
.wp-block-query .wp-block-post-title {
  padding-top: 12px;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}
.wp-block-query .wp-block-post-title a {
  color: var(--wk-dark) !important;
  text-decoration: none !important;
}
.wp-block-query .wp-block-post-excerpt p {
  font-size: 12.5px !important;
  color: #666 !important;
  line-height: 1.5 !important;
  margin: 6px 0 !important;
}
.wp-block-query .wp-block-post-date {
  font-size: 11px !important;
  color: #999 !important;
  padding-bottom: 14px;
  letter-spacing: 0.03em;
}

/* ── Category tag pill ── */
.wp-block-query .wp-block-post-terms {
  padding: 10px 14px 0;
}
.wp-block-query .wp-block-post-terms a {
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--wk-red) !important;
  border: 1px solid var(--wk-red);
  border-radius: 2px;
  padding: 2px 6px;
  text-decoration: none !important;
}

/* ── Hero Cover block ── */
.wp-block-cover {
  border-radius: var(--wk-radius);
  overflow: hidden;
}
.wp-block-cover__inner-container .wp-block-heading {
  font-size: clamp(18px, 2.5vw, 26px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

/* ── Page background ── */
.wp-site-blocks,
.entry-content,
.page-content {
  background: #f2f2f2 !important;
}

/* ── Responsive: 2 cols on tablet, 1 col on mobile ── */
@media (max-width: 900px) {
  .wp-block-query .wp-block-post-template {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 580px) {
  .wp-block-query .wp-block-post-template {
    grid-template-columns: 1fr !important;
  }
}