/* Scoped conversion repair. Existing site, navigation and community styles stay intact. */
.home-purchase-hero { padding-block: 30px 36px; }
.home-purchase-hero .hero__inner { gap: 32px; align-items: center; }
.home-purchase-hero .hero__kicker { margin-bottom: 14px; }
.home-purchase-hero h1 { font-size: clamp(34px, 4.4vw, 66px); margin-bottom: 18px; }
.home-purchase-hero .hero__deck { font-size: 17px; line-height: 1.5; margin-bottom: 18px; }
.home-audition { padding: 14px; border: 1px solid var(--steel-500); background: var(--steel-100); }
.home-audition label { display: block; font-size: 13px; line-height: 1.5; margin-bottom: 10px; }
.home-audition audio { display: block; width: 100%; height: 44px; }
.home-purchase-hero .hero__cta { margin-top: 18px; gap: 14px; align-items: center; }
.home-purchase-hero__details { font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
.home-purchase-hero__limit { font-size: 12px; line-height: 1.6; margin-top: 16px; max-width: 62ch; }
.home-purchase-hero__free { font-size: 13px; line-height: 1.6; margin-top: 12px; }
.home-purchase-hero__free a { text-decoration: underline; text-underline-offset: 3px; }
.home-purchase-hero__art img { display: block; width: 100%; max-width: 430px; height: auto; margin-inline: auto; }
.home-purchase-hero__art p { font-size: 12px; text-align: center; margin-top: 12px; }
.home-free-archive { margin-top: 48px; }
.home-free-archive__label { font-size: 13px; font-weight: 700; margin-bottom: 16px; }
@media (min-width: 1024px) {
  .home-purchase-hero { padding-block: 18px 28px; }
  .home-purchase-hero h1 { font-size: 52px; line-height: 1.1; margin-bottom: 12px; }
  .home-purchase-hero .hero__deck { margin-bottom: 12px; }
}
@media (max-width: 767px) {
  .home-purchase-page .masthead__inner { padding-block: 10px; gap: 6px; }
  .home-purchase-page .logo__main { font-size: 26px; }
  .home-purchase-page .logo__jp { display: none; }
  .home-purchase-page .logo__tag { font-size: 10px; }
  .home-purchase-page .nav { display: flex; align-items: center; gap: 16px; width: 100%; min-width: 0; overflow-x: auto; white-space: nowrap; }
  .home-purchase-page .nav ul { flex-wrap: nowrap; gap: 14px; flex: 0 0 auto; }
  .home-purchase-page .nav a { font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; }
  .home-purchase-page .library-bar__inner { display: block; padding-block: 4px; }
  .home-purchase-page .library-bar nav { display: flex; flex-wrap: nowrap; gap: 16px; overflow-x: auto; white-space: nowrap; }
  .home-purchase-page .library-bar nav a { flex: 0 0 auto; font-size: 12px; min-height: 40px; display: inline-flex; align-items: center; }
  /* The same bar retains its full Search page link on small screens. */
  .home-purchase-page .library-bar form { display: none; }
  .home-purchase-hero { padding-block: 22px 28px; }
  .home-purchase-hero h1 { font-size: clamp(28px, 7.8vw, 46px); line-height: 1.12; margin-bottom: 14px; }
  .home-purchase-hero .hero__deck { font-size: 15px; margin-bottom: 14px; }
  .home-purchase-hero .hero__kicker { font-size: 11px; margin-bottom: 12px; }
  .home-purchase-hero .hero__cta { gap: 12px; margin-top: 14px; }
  .home-purchase-hero .hero__cta .key { width: 100%; }
  .home-purchase-hero .hero__cta .btn { display: block; text-align: center; white-space: normal; }
  .home-purchase-hero__art { display: none; }
}