/* Shared refinement of the existing studio and product pages. */
@font-face {
  font-family: "Studio Manrope";
  src: url("/assets/manrope-latin-vf.woff2") format("woff2");
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
}
h1, h2, h3, .wordmark {
  font-family: "Studio Manrope", "Segoe UI", Arial, sans-serif;
}
h1, h2, h3 { text-wrap: balance; }
.launch-title, .download-page .download-card h1 { font-weight: 800; }
html { scrollbar-color: #bcb3c8 var(--paper); }
html:has(.cinematic-page) { scrollbar-color: #56617a #0b1020; }

/* Official artwork carries both the platform marks and the download labels.
   Badges retain their aspect ratio, colour and clear space at every size. */
.store-actions,
.download-page .download-actions,
.garden-return .store-actions {
  align-items: center;
  flex-wrap: wrap;
  column-gap: 28px;
  row-gap: 24px;
}
.store-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 48px;
  text-decoration: none;
  border-radius: 8px;
}
.store-badge img {
  display: block;
  width: auto;
  max-width: none;
  height: 48px;
  margin: 0;
  border-radius: 0;
}
.store-badge:focus-visible { outline-offset: 8px; }
.store-trademarks {
  margin-top: 28px;
  margin-bottom: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.8;
}

/* Comfortable reading and touch targets on the support/legal path. */
.footer-links { row-gap: 2px; }
.footer-links a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 44px;
  padding-block: 9px;
  font-size: 14px;
  line-height: 1.5;
}
.footer-links a[aria-current="page"] {
  color: var(--ink);
  text-decoration: underline;
  text-decoration-thickness: 2px;
}
.product-page .footer-links a[aria-current="page"] { color: var(--honey); }
.legal-copy { max-width: 75ch; }
.legal-copy p, .legal-copy li {
  font-size: 17px;
  line-height: 1.8;
}
.legal-copy .effective { font-size: 13px; }
.legal-copy blockquote {
  margin: 26px 0;
  padding: 24px;
  background: var(--lavender);
  border-radius: 12px;
}
.legal-copy blockquote p:last-child { margin-bottom: 0; }
.contact-panel p, .faq-list details p, .help-aside { font-size: 16px; }
.faq-list summary { font-size: 16px; }
.game-help-links a, .download-page .download-help a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: 14px;
}

@media (max-width: 650px) {
  .store-actions,
  .download-page .download-actions,
  .garden-return .store-actions { column-gap: 24px; row-gap: 20px; }
  .store-badge, .store-badge img { min-height: 44px; height: 44px; }
  .legal-copy p, .legal-copy li { font-size: 16px; }
  .legal-copy .effective { font-size: 13px; }
  .legal-copy blockquote { padding: 20px; }
  .site-nav a { font-size: 13px; }
}
@media (max-width: 370px) {
  .store-badge, .store-badge img { min-height: 40px; height: 40px; }
  .store-badge { min-height: 44px; }
  .site-nav { gap: 25px; }
}