.baxter-firefighters-receipt {
  position: relative;
  padding: 18px 20px 12px;
  background:
    radial-gradient(circle at top center, rgba(122, 0, 16, 0.22), transparent 55%),
    linear-gradient(180deg, rgba(14, 0, 0, 0.98), rgba(30, 0, 0, 0.98));
  border-top: 1px solid rgba(218, 175, 80, 0.42);
  border-bottom: 1px solid rgba(218, 175, 80, 0.28);
}

.baxter-firefighters-receipt__inner {
  width: min(1400px, calc(100% - 24px));
  margin: 0 auto;
}

.baxter-firefighters-receipt__card {
  border: 1px solid rgba(218, 175, 80, 0.45);
  border-radius: 24px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(85, 0, 10, 0.88), rgba(24, 0, 0, 0.92));
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
}

.baxter-firefighters-receipt__header {
  padding: 24px 24px 18px;
}

.baxter-firefighters-receipt__eyebrow {
  margin: 0 0 10px;
  color: #f0c95a;
  font: 700 13px/1.2 Inter, Arial, sans-serif;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.baxter-firefighters-receipt__title {
  margin: 0 0 12px;
  color: #f8eddc;
  font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
  font-size: clamp(2rem, 3.6vw, 3.45rem);
  line-height: 0.98;
  max-width: 14ch;
}

.baxter-firefighters-receipt__dek {
  margin: 0;
  max-width: 62ch;
  color: rgba(248, 237, 220, 0.84);
  font: 400 1.02rem/1.58 Inter, Arial, sans-serif;
}

.baxter-firefighters-receipt__actions {
  margin-top: 18px;
}

.baxter-firefighters-receipt__cta {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border: 1px solid rgba(240, 201, 90, 0.72);
  border-radius: 999px;
  color: #f5d67a;
  text-decoration: none;
  font: 700 0.92rem/1 Inter, Arial, sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  transition: transform 0.18s ease, background 0.18s ease;
}

.baxter-firefighters-receipt__cta:hover {
  transform: translateY(-1px);
  background: rgba(240, 201, 90, 0.08);
}

.baxter-firefighters-receipt__media-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 0 24px 24px;
}

.baxter-firefighters-receipt__media-card {
  display: block;
  text-decoration: none;
  border: 1px solid rgba(218, 175, 80, 0.45);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.38);
}

.baxter-firefighters-receipt__media-label {
  display: block;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(218, 175, 80, 0.3);
  color: #f5d67a;
  font: 700 0.82rem/1 Inter, Arial, sans-serif;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.baxter-firefighters-receipt__media-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #120103;
}

@media (max-width: 900px) {
  .baxter-firefighters-receipt {
    padding: 14px 14px 10px;
  }

  .baxter-firefighters-receipt__inner {
    width: min(100%, calc(100% - 8px));
  }

  .baxter-firefighters-receipt__header {
    padding: 20px 18px 16px;
  }

  .baxter-firefighters-receipt__media-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 0 18px 18px;
  }

  .baxter-firefighters-receipt__title {
    max-width: none;
  }

  .baxter-firefighters-receipt__cta {
    width: 100%;
    justify-content: space-between;
  }
}

/* === BAXTER FIREFIGHTERS COMPACT TUNE START === */

.firefighters-breaking-receipt {
  --baxter-breaker-media-max-h: 500px;
  --baxter-breaker-media-min-h: 280px;
}

.firefighters-breaking-receipt .firefighters-breaking-receipt__grid,
.firefighters-breaking-receipt .firefighters-breaking-receipt__cards,
.firefighters-breaking-receipt .firefighters-breaking-receipt__compare,
.firefighters-breaking-receipt .firefighters-breaking-receipt__panels {
  align-items: start;
  gap: clamp(1rem, 2vw, 1.4rem);
}

.firefighters-breaking-receipt .firefighters-breaking-receipt__card,
.firefighters-breaking-receipt .firefighters-breaking-receipt__panel,
.firefighters-breaking-receipt article {
  overflow: hidden;
}

.firefighters-breaking-receipt .firefighters-breaking-receipt__media,
.firefighters-breaking-receipt .firefighters-breaking-receipt__image,
.firefighters-breaking-receipt .firefighters-breaking-receipt__image-wrap,
.firefighters-breaking-receipt .firefighters-breaking-receipt__image-frame,
.firefighters-breaking-receipt figure {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: var(--baxter-breaker-media-min-h);
  max-height: var(--baxter-breaker-media-max-h);
  overflow: hidden;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.18);
}

.firefighters-breaking-receipt .firefighters-breaking-receipt__media img,
.firefighters-breaking-receipt .firefighters-breaking-receipt__image img,
.firefighters-breaking-receipt .firefighters-breaking-receipt__image-wrap img,
.firefighters-breaking-receipt .firefighters-breaking-receipt__image-frame img,
.firefighters-breaking-receipt figure img,
.firefighters-breaking-receipt .firefighters-breaking-receipt__card img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: var(--baxter-breaker-media-max-h);
  object-fit: contain;
  object-position: top center;
}

.firefighters-breaking-receipt .firefighters-breaking-receipt__header a[href*="palmbeachpost.com"],
.firefighters-breaking-receipt .firefighters-breaking-receipt__intro a[href*="palmbeachpost.com"],
.firefighters-breaking-receipt .firefighters-breaking-receipt__copy a[href*="palmbeachpost.com"],
.firefighters-breaking-receipt .firefighters-breaking-receipt__actions a[href*="palmbeachpost.com"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem 1.6rem;
  border-radius: 999px;
  border: 1px solid rgba(244, 206, 86, 0.95);
  background: linear-gradient(180deg, #f6d76f 0%, #dca82a 100%);
  color: #2a0b0b !important;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow:
    0 0 0 1px rgba(246, 215, 111, 0.18),
    0 14px 30px rgba(0, 0, 0, 0.24);
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
}

.firefighters-breaking-receipt .firefighters-breaking-receipt__header a[href*="palmbeachpost.com"]:hover,
.firefighters-breaking-receipt .firefighters-breaking-receipt__intro a[href*="palmbeachpost.com"]:hover,
.firefighters-breaking-receipt .firefighters-breaking-receipt__copy a[href*="palmbeachpost.com"]:hover,
.firefighters-breaking-receipt .firefighters-breaking-receipt__actions a[href*="palmbeachpost.com"]:hover {
  transform: translateY(-1px);
  box-shadow:
    0 0 0 1px rgba(246, 215, 111, 0.25),
    0 18px 34px rgba(0, 0, 0, 0.28);
  filter: saturate(1.08);
}

.firefighters-breaking-receipt .firefighters-breaking-receipt__header a[href*="palmbeachpost.com"]::after,
.firefighters-breaking-receipt .firefighters-breaking-receipt__intro a[href*="palmbeachpost.com"]::after,
.firefighters-breaking-receipt .firefighters-breaking-receipt__copy a[href*="palmbeachpost.com"]::after,
.firefighters-breaking-receipt .firefighters-breaking-receipt__actions a[href*="palmbeachpost.com"]::after {
  content: "→";
  font-size: 1.1em;
  line-height: 1;
}

@media (max-width: 1100px) {
  .firefighters-breaking-receipt {
    --baxter-breaker-media-max-h: 420px;
    --baxter-breaker-media-min-h: 240px;
  }
}

@media (max-width: 760px) {
  .firefighters-breaking-receipt {
    --baxter-breaker-media-max-h: 360px;
    --baxter-breaker-media-min-h: 200px;
  }

  .firefighters-breaking-receipt .firefighters-breaking-receipt__header a[href*="palmbeachpost.com"],
  .firefighters-breaking-receipt .firefighters-breaking-receipt__intro a[href*="palmbeachpost.com"],
  .firefighters-breaking-receipt .firefighters-breaking-receipt__copy a[href*="palmbeachpost.com"],
  .firefighters-breaking-receipt .firefighters-breaking-receipt__actions a[href*="palmbeachpost.com"] {
    width: 100%;
  }
}

/* === BAXTER FIREFIGHTERS COMPACT TUNE END === */


/* ==========================================================
   BAXTER FIREFIGHTERS IMAGE FIT CORRECTION

   Exact selectors for the live Breaking Receipt.
   Replaces the original large square/cropped image treatment.
   ========================================================== */


/* Keep the cards clean and compact. */
.baxter-firefighters-receipt__media-grid {
  align-items: start !important;

  gap:
    clamp(
      14px,
      1.7vw,
      22px
    ) !important;
}


.baxter-firefighters-receipt__media-card {
  min-width: 0 !important;

  height: auto !important;

  overflow: hidden !important;
}


/* Critical correction:
   remove the old 1:1 crop and display the WHOLE image. */
.baxter-firefighters-receipt__media-card img {
  display: block !important;

  width: 100% !important;

  height: 410px !important;

  max-height: 410px !important;

  aspect-ratio: auto !important;

  object-fit: contain !important;

  object-position: center top !important;

  margin: 0 auto !important;

  background:
    #080203 !important;
}


/* The official white letter gets a white background so
   it looks intentional instead of floating on black. */
.baxter-firefighters-receipt__media-card:first-child img {
  background:
    #ffffff !important;
}


/* Make the story CTA much more visible. */
.baxter-firefighters-receipt__cta {
  padding:
    16px
    22px !important;

  border:
    2px solid
    #f4cb55 !important;

  background:
    linear-gradient(
      180deg,
      #f5d669 0%,
      #d7a326 100%
    ) !important;

  color:
    #260607 !important;

  font-size:
    13px !important;

  font-weight:
    900 !important;

  letter-spacing:
    0.12em !important;

  box-shadow:
    0 8px 24px
    rgba(
      221,
      171,
      39,
      0.22
    ),
    0 0 0 1px
    rgba(
      255,
      225,
      126,
      0.22
    ) !important;
}


.baxter-firefighters-receipt__cta:hover {
  background:
    linear-gradient(
      180deg,
      #ffe68e 0%,
      #e7b638 100%
    ) !important;

  color:
    #180304 !important;

  transform:
    translateY(-2px) !important;

  box-shadow:
    0 12px 30px
    rgba(
      221,
      171,
      39,
      0.30
    ) !important;
}


/* Tablet */
@media (max-width: 1050px) {

  .baxter-firefighters-receipt__media-card img {
    height:
      350px !important;

    max-height:
      350px !important;
  }

}


/* Mobile */
@media (max-width: 900px) {

  .baxter-firefighters-receipt__media-grid {
    grid-template-columns:
      1fr !important;
  }


  .baxter-firefighters-receipt__media-card img {
    height:
      360px !important;

    max-height:
      360px !important;
  }


  .baxter-firefighters-receipt__cta {
    width: 100% !important;

    justify-content:
      space-between !important;

    box-sizing:
      border-box !important;
  }

}


/* Smaller phones */
@media (max-width: 480px) {

  .baxter-firefighters-receipt__media-card img {
    height:
      310px !important;

    max-height:
      310px !important;
  }

}

/* BAXTER FIREFIGHTERS SIZE REBALANCE START */

.baxter-firefighters-receipt__media-card img {
  width: 100% !important;

  height:
    clamp(
      500px,
      30vw,
      560px
    ) !important;

  max-height:
    560px !important;

  aspect-ratio:
    auto !important;

  object-fit:
    contain !important;

  object-position:
    center center !important;
}


.baxter-firefighters-receipt__media-card:first-child img {
  background:
    #ffffff !important;
}


.baxter-firefighters-receipt__media-card:nth-child(2) img {
  background:
    #080203 !important;
}


@media (max-width: 1050px) {

  .baxter-firefighters-receipt__media-card img {
    height:
      480px !important;

    max-height:
      480px !important;
  }

}


@media (max-width: 900px) {

  .baxter-firefighters-receipt__media-card img {
    height:
      440px !important;

    max-height:
      440px !important;
  }

}


@media (max-width: 480px) {

  .baxter-firefighters-receipt__media-card img {
    height:
      390px !important;

    max-height:
      390px !important;
  }

}

/* BAXTER FIREFIGHTERS SIZE REBALANCE END */