/* ==========================================================================
   Case study page (single-case_study.php), 2026-10-19; since 2026-10-25 the
   page's sections are in case-study-long.css. This file keeps what they
   share with project.css: section padding, the books grid, the closing
   button and the kicker.
   ========================================================================== */

.mmp-case-study h2 {
  margin: 0 0 20px !important;
}

/* Same page grid as every other page (.mmp-container-wide): project.css
   uses 1280/1180px boxes with 40px side padding. */
.mmp-case-study .mmp-project-section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* The books: store cards (books.css), up to three across; a card never
   grows past Books-page width, so one book doesn't stretch. */
.mmp-cs-books {
  background: var(--mmp-white);
}

.mmp-cs-books-grid ul.products {
  grid-template-columns: repeat(3, minmax(0, 360px)) !important;
}

/* CTA button (project.css styles block buttons; this one is a plain link) */
.mmp-cs-cta-buttons {
  display: flex;
}

.mmp-cs-btn {
  display: inline-block;
  padding: 14px 28px;
  background: var(--mmp-white);
  color: var(--mmp-page-ink) !important;
  font-family: var(--mmp-font-body);
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 999px;
}

.mmp-cs-btn:hover,
.mmp-cs-btn:focus-visible {
  background: var(--mmp-page-gold);
}

@media (max-width: 921px) {
  .mmp-cs-books-grid ul.products {
    grid-template-columns: repeat(2, minmax(0, 360px)) !important;
  }
}

@media (max-width: 560px) {
  .mmp-cs-books-grid ul.products {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Section labels match the site kicker (2026-10-19). Dark bands keep gold
   through project.css's more specific rules. */
.mmp-project-kicker {
  font-size: 0.78rem;
  letter-spacing: var(--mmp-eyebrow-tracking);
  line-height: var(--mmp-eyebrow-line-height);
  color: var(--brand-accent);
}