/* Phase12-05: the whole content area activates its existing link. */
body .monthly-type4r-card .monthly-type4r-content {
  position: relative;
}
body .monthly-type4r-card .monthly-type4r-content .monthly-type4r-button,
body .monthly-type4r-card .monthly-type4r-content .monthly-type4r-button:hover,
body .monthly-type4r-card .monthly-type4r-content .monthly-type4r-button:focus-visible {
  position: static;
  transform: none;
}
body .monthly-type4r-card .monthly-type4r-content .monthly-type4r-button::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  cursor: pointer;
}
body .monthly-type4r-card .monthly-type4r-content .monthly-type4r-button:focus-visible::after {
  outline: 3px solid var(--p10-monthly-deep);
  outline-offset: -4px;
}
body .monthly-type4r-card--kawara .monthly-type4r-content .monthly-type4r-button:focus-visible::after {
  outline-color: var(--p10-kawara-deep);
}
/* Large A-1 numerals over the photo; a translucent plate maintains contrast. */
body .monthly-type4r-card .monthly-type4r-image-caption {
  right: 18px;
  bottom: 16px;
  padding: 8px 16px 12px;
  border-radius: 8px;
  background: rgba(40, 48, 43, .72);
  color: #fff;
  text-shadow: 0 2px 5px rgba(0,0,0,.25);
  pointer-events: none;
  white-space: nowrap;
}
body .monthly-type4r-card--kawara .monthly-type4r-image-caption {
  background: rgba(70, 44, 33, .72);
}
body .monthly-type4r-card .monthly-type4r-image-caption > .phase12-date-year {
  font-size: 38px;
}
body .monthly-type4r-card .monthly-type4r-image-caption > .phase12-date-month {
  font-size: 56px;
}
body .monthly-type4r-card .monthly-type4r-image-caption > .phase12-date-unit {
  font-size: 17px;
}
@media (max-width: 700px) {
  body .monthly-type4r-card .monthly-type4r-image-caption {
    right: 12px;
    bottom: 12px;
    padding: 5px 12px 9px;
  }
  body .monthly-type4r-card .monthly-type4r-image-caption > .phase12-date-year {
    font-size: 30px;
  }
  body .monthly-type4r-card .monthly-type4r-image-caption > .phase12-date-month {
    font-size: 44px;
  }
  body .monthly-type4r-card .monthly-type4r-image-caption > .phase12-date-unit {
    font-size: 15px;
  }
}