/* Equal cards — newspaper + web share ONE photo box.
   Newspaper shows the TOP of the page (masthead + headline).
   Do not edit style.css; these !important rules win after it. */

.hpt-c,
.hpt-related-card,
.hpt-scard {
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fff !important;
}

.hpt-c-img,
.hpt-related-card img,
.hpt-scard-thumb,
.hpt-c-paper .hpt-c-img,
.hpt-c-web .hpt-c-img,
.hpt-deck-card .thumb,
.hpt-deck-card.is-paper .thumb,
.hpt-related-card.is-paper img,
.hpt-related-card.is-web img {
  aspect-ratio: 3 / 2 !important;
  width: 100% !important;
  overflow: hidden !important;
  background: #e8eef5 !important;
  flex-shrink: 0 !important;
}

.hpt-c-img img,
.hpt-c-paper .hpt-c-img img,
.hpt-c-web .hpt-c-img img,
.hpt-related-card img,
.hpt-related-card.is-paper img,
.hpt-related-card.is-web img,
.hpt-scard-thumb img,
.hpt-deck-card .thumb img,
.hpt-deck-card.is-paper .thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  margin: 0 !important;
  max-width: none !important;
}

.hpt-c-img.is-ph {
  background:
    #e8eef5
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.5'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8.5' cy='10' r='1.5'/%3E%3Cpath d='M21 16l-5-5-4 4-2-2-5 5'/%3E%3C/svg%3E")
    center / 48px no-repeat !important;
  min-height: 0 !important;
}
.hpt-c-img.is-ph img { display: none !important; }

.hpt-c-bd {
  padding: .7rem .85rem .9rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .35rem !important;
}
.hpt-c-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .35rem !important;
  align-items: center !important;
}
.hpt-c-bd h3 {
  margin: 0 !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.hpt-c-bd .hpt-date,
.hpt-scard-body time {
  font-size: .75rem !important;
  color: #64748b !important;
  margin-top: auto !important;
}

/* Related: same photo box, keep Page N chip on the image */
.hpt-related-card {
  border-radius: 16px !important;
}
.hpt-related-card .type-chip {
  position: absolute !important;
  top: .45rem !important;
  left: .45rem !important;
}

html[data-theme="dark"] .hpt-c,
html[data-theme="dark"] .hpt-related-card,
html[data-theme="dark"] .hpt-scard { background: #111827 !important; }
html[data-theme="dark"] .hpt-c-img,
html[data-theme="dark"] .hpt-related-card img,
html[data-theme="dark"] .hpt-scard-thumb { background: #1f2937 !important; }