/* v9 redesign site-wide additions (generated by build/generate.mjs — edit the generator, not this file) */

/* Floating Home button: replaces the old menu toggle, same position on desktop AND mobile. */
.steam-blueprint-page .steam-home-v3-mobile-menu {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 95;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

/* Article header uses a real H1 (one H1 per page); mirror the variant's h2 rule. */
.steam-article-tabs__header h1 {
  font-size: var(--v6-h2);
  line-height: 1.08;
  margin: 20px 0 16px;
}

/* Composed inner pages: keep v9 sections and the article body on one comfortable column rhythm. */
.steam-v9-inner-sections > * {
  margin-top: clamp(34px, 5vw, 56px);
}

/* Pop-up sheet previews: only the active target is shown (the sheet CSS sets display
   on .steam-v9-page-preview, which would otherwise defeat the hidden attribute). */
.steam-v9-page-preview[hidden] {
  display: none !important;
}

/* Source-content media inside the article section: never overflow the column. */
.steam-article-tabs figure {
  margin: 18px 0;
}
.steam-article-tabs img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}
.steam-article-tabs__content-block table {
  border-collapse: collapse;
  width: 100%;
}
.steam-article-tabs__content-block th,
.steam-article-tabs__content-block td {
  border: 1px solid rgba(7, 17, 38, 0.18);
  padding: 8px 12px;
  text-align: left;
}

/* Mirrored h1 rules for demoted duplicate hero headings (generated) */
p.steam-v9-hero-h1 {
  margin: 0;
}

.steam-blueprint-copy p.steam-v9-hero-h1 {
  max-width: 780px;
  font-size: clamp(48px, 5.9vw, 82px);
  line-height: 0.93;
  font-weight: 930;
}

.steam-photo-page .steam-blueprint-copy p.steam-v9-hero-h1 {
  color: #fff;
}

.steam-template-family .steam-template-page-hero .steam-blueprint-copy p.steam-v9-hero-h1 {
  display: -webkit-box;
  max-height: calc(2 * 0.93em);
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 560px) {
.steam-blueprint-copy p.steam-v9-hero-h1 {
  font-size: 40px;
    line-height: 0.98;
}
}

@media (max-width: 560px) {
.steam-blueprint-page.steam-home-v2 .steam-template-page-hero .steam-blueprint-copy p.steam-v9-hero-h1 {
  color: var(--bp-ink);
}
}

@media (max-width: 560px) {
.steam-blueprint-page.steam-home-v4 .steam-template-page-hero > .steam-blueprint-copy p.steam-v9-hero-h1 {
  display: none;
}
}

@media (max-width: 560px) {
.steam-blueprint-page.steam-home-v4 .steam-home-v4-hero-overlay p.steam-v9-hero-h1 {
  color: #fff;
    font-size: clamp(0.95rem, 4.1vw, 1.1rem);
    line-height: 1.18;
    font-weight: 930;
    white-space: nowrap;
}
}

.design-pack-demo-intro p.steam-v9-hero-h1 {
  font-size: clamp(42px, 5.4vw, 76px);
  line-height: 0.95;
}

.steam-component-gallery__intro p.steam-v9-hero-h1 {
  max-width: 760px;
  font-size: clamp(44px, 7vw, 86px);
  line-height: 0.9;
}

.steam-template-family .steam-template-page-hero .steam-blueprint-copy p.steam-v9-hero-h1 {
  display: -webkit-box;
  min-width: 0;
  max-width: min(780px, 100%);
  max-height: calc(2 * 0.93em);
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 560px) {
.steam-template-family .steam-template-page-hero .steam-blueprint-copy p.steam-v9-hero-h1 {
  max-height: calc(2 * 0.98em);
}
}

.steam-events-v4 .steam-template-page-hero .steam-blueprint-copy p.steam-v9-hero-h1 span {
  display: block;
}

@media (max-width: 560px) {
.steam-blueprint-page.steam-event-template .steam-home-v4-hero-overlay p.steam-v9-hero-h1 {
  max-width: 330px;
    font-size: clamp(3rem, 15vw, 4.5rem);
    line-height: 0.88;
    white-space: normal;
}
}

.steam-membership-review-intro p.steam-v9-hero-h1 {
  max-width: 860px;
  color: var(--bp-ink);
  font-size: clamp(46px, 7vw, 86px);
  line-height: 0.95;
}

.steam-event-v2-hero p.steam-v9-hero-h1 {
  max-width: 780px;
  color: #fff;
  font-size: clamp(52px, 7.2vw, 96px);
  font-weight: 950;
  letter-spacing: 0;
  line-height: 0.9;
}

.steam-event-v2-hero p.steam-v9-hero-h1 span {
  display: block;
}

@media (max-width: 560px) {
.steam-event-v2-hero p.steam-v9-hero-h1 {
  font-size: clamp(38px, 10vw, 44px);
}
}

.steam-template-family .steam-template-page-hero .steam-blueprint-copy p.steam-v9-hero-h1,
.steam-blueprint-page.steam-home-v4 .steam-home-v4-hero-overlay p.steam-v9-hero-h1,
.steam-event-v2-hero p.steam-v9-hero-h1 {
  font-size: var(--v6-hero-title);
}

.steam-membership-review-intro p.steam-v9-hero-h1,
.design-pack-demo-intro p.steam-v9-hero-h1,
.steam-component-gallery__intro p.steam-v9-hero-h1 {
  font-size: var(--v6-h1);
}