/* Keep the published layout; only the product title and image contents change. */
.app-product-page--reiwa-date-widget .app-feature-title {
  font-size: 32px;
  letter-spacing: 0;
}

.reiwa-release-note {
  margin: 22px 0 0;
  color: var(--text-sub);
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: 0;
}

.reiwa-macbook {
  position: relative;
  display: block;
  aspect-ratio: 1241 / 858;
}

.reiwa-macbook img.reiwa-macbook__body {
  display: block;
  width: 100%;
  height: auto;
}

/* The screen opening in the existing 1241 x 858 MacBook artwork. */
.reiwa-macbook img.reiwa-macbook__screen {
  position: absolute;
  left: 14.34%;
  top: 2.8%;
  width: 72.76%;
  height: 68.88%;
  max-width: none;
  object-fit: cover;
  object-position: left top;
  border-radius: 1.1% 1.1% 0 0;
}

/* Show the real widget at thumbnail size without changing the supplied bitmap. */
.reiwa-feature-thumb img {
  position: absolute;
  max-width: none;
  width: 418.61%;
  height: auto;
  left: -131.1%;
  top: -109.59%;
}

@media (max-width: 760px) {
  .app-product-page--reiwa-date-widget .app-feature-title {
    font-size: 26px;
  }
}

@media (max-width: 380px) {
  .app-product-page--reiwa-date-widget .app-feature-title {
    font-size: 23px;
  }
}

/* Keep semantic subtitle groups together on narrow screens. */
.app-product-page--reiwa-date-widget .app-feature-subtitle span {
  display: inline-block;
}