/* R7365: only the requested visual corrections on index.html. No gameplay / catalogue scripts. */
@media (min-width: 821px) {
  /* Exactly the carousel's 500px centred column, instead of the larger hero region. */
  body.home-desktop-r7 #top.home-refresh-hero .home-refresh-hero__inner > .home-refresh-hero__copy {
    box-sizing: border-box !important;
    width: min(500px, 100%) !important;
    max-width: 500px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Move the existing puzzle anchor up; no change to number of pieces or animation. */
  body.home-story-v2 .home-story-puzzle[data-anchor="hero-right"] {
    --story-top: 35vh !important;
  }
}

/* The steps and explanation ALWAYS share the same text size, on desktop AND mobile.
   Select the original h2 specifically to override the earlier desktop heading rule. */
body.home-story-v2 #zapis-dnia-podglad {
  --home-r7365-copy-size: clamp(12px, 1.02vw, 14px);
}
body.home-story-v2 #zapis-dnia-podglad .home-controls-demo__head h2.home-r7363-demo-steps,
body.home-story-v2 #zapis-dnia-podglad .home-controls-demo__head p.home-controls-demo__lead {
  font-size: var(--home-r7365-copy-size) !important;
  line-height: 1.65 !important;
  letter-spacing: normal !important;
}
body.home-story-v2 #zapis-dnia-podglad .home-controls-demo__head h2.home-r7363-demo-steps {
  font-weight: 750 !important;
  gap: 2px !important;
}
@media (max-width: 820px) {
  body.home-story-v2 #zapis-dnia-podglad {
    --home-r7365-copy-size: 12px;
  }
}
@media (min-width: 821px) and (max-width: 1080px) {
  /* The existing narrower desktop carousel is 430px in this breakpoint. */
  body.home-desktop-r7 #top.home-refresh-hero .home-refresh-hero__inner > .home-refresh-hero__copy {
    width: min(430px, 100%) !important;
    max-width: 430px !important;
  }
}