/* Industrial-workbench layout correction: keep media previews outside the
   purchase panel and tighten the game-information typographic hierarchy. */
body[data-theme="hallmark-industrial-workbench"] .hero__thumbs {
  inset-block-start: 6rem;
  inset-block-end: auto;
  inset-inline-start: var(--page-gutter);
  inset-inline-end: auto;
  width: min(32rem, 42vw);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .5rem;
}

body[data-theme="hallmark-industrial-workbench"] #game-info-title {
  font-size: clamp(1.8rem, 3vw, 2.55rem);
  line-height: 1.18;
  letter-spacing: -.02em;
  text-wrap: balance;
}

body[data-theme="hallmark-industrial-workbench"] #game-info-title + p {
  max-width: 62ch;
  font-size: 1rem;
  line-height: 1.6;
}

body[data-theme="hallmark-industrial-workbench"] .spec-list {
  width: min(100%, 60rem);
}

body[data-theme="hallmark-industrial-workbench"] .spec-list__row {
  grid-template-columns: minmax(10rem, 13.5rem) minmax(0, 1fr);
  align-items: baseline;
  gap: 1.4rem;
  padding: .85rem 1rem;
}

body[data-theme="hallmark-industrial-workbench"] .spec-list__row dt {
  font-size: .875rem;
  line-height: 1.45;
}

body[data-theme="hallmark-industrial-workbench"] .spec-list__row dd {
  min-width: 0;
  font-size: 1rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

@media (max-width: 70rem) {
  body[data-theme="hallmark-industrial-workbench"] .hero__thumbs {
    inset-block-start: auto;
    inset-block-end: .75rem;
    inset-inline: .75rem;
    width: auto;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .4rem;
  }

  body[data-theme="hallmark-industrial-workbench"] .hero__content {
    margin: 0 var(--page-gutter);
    padding-block: 1rem 2rem;
  }
}

@media (max-width: 48rem) {
  body[data-theme="hallmark-industrial-workbench"] .spec-list__row {
    grid-template-columns: minmax(0, 1fr);
    gap: .3rem;
    padding: .8rem 1rem;
  }

  body[data-theme="hallmark-industrial-workbench"] #game-info-title {
    font-size: clamp(1.8rem, 7vw, 2.3rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-theme="hallmark-industrial-workbench"] .hero__thumb,
  body[data-theme="hallmark-industrial-workbench"] .spec-list__row {
    transition: none;
  }
}