/* 4FORM v34.1 — restrained editorial widths for high-density destination pages. */

body[data-v341-contained-page] main > section > div.mx-auto,
body[data-v341-contained-page] main > div.mx-auto {
  max-width: 74rem !important;
}

body[data-v341-contained-page="music"] main > section[data-v34-music-feature] > div,
body[data-v341-contained-page="music"] main > section[data-v34-visualizer-release] > div {
  max-width: 68rem !important;
}

.v341-music-feature-card {
  display: grid;
  grid-template-columns: minmax(0, 20rem) minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.75rem, 4vw, 3.5rem);
  padding: clamp(1.25rem, 3vw, 2.25rem);
}

.v341-music-feature-art,
.v341-music-color-art {
  aspect-ratio: 1 / 1;
}

.v341-music-feature-title {
  font-size: clamp(3.25rem, 6vw, 4.75rem);
}

.v341-music-visualizer {
  display: grid;
  grid-template-columns: minmax(12rem, .58fr) minmax(0, 1.42fr);
  align-items: center;
  gap: clamp(1.75rem, 4vw, 3.5rem);
}

.v341-music-color-card {
  display: grid;
  grid-template-columns: 8.5rem minmax(0, 1fr);
  gap: 1.35rem;
  border: 1px solid var(--color-line, rgba(245, 242, 236, .14));
  padding: 1rem;
}

.v341-music-color-title {
  font-size: clamp(2.2rem, 4vw, 3.25rem);
}

@media (min-width: 1024px) {
  body[data-v341-contained-page="music"] main > section:first-child,
  body[data-v341-contained-page="vault"] main > section:first-child,
  body[data-v341-contained-page="watch"] main > section:first-child,
  body[data-v341-contained-page="archive"] main > section:first-child {
    padding-top: 9rem !important;
    padding-bottom: 5rem !important;
  }
}

@media (min-width: 1280px) {
  body[data-v341-contained-page="vault"] main ol.grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

body[data-v341-contained-page="editions"] .shell {
  width: min(100% - 2.5rem, 74rem) !important;
}

@media (max-width: 760px) {
  .v341-music-feature-card,
  .v341-music-visualizer {
    grid-template-columns: 1fr;
  }

  .v341-music-feature-art {
    width: min(100%, 22rem);
  }
}

@media (max-width: 520px) {
  .v341-music-color-card {
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 1rem;
  }

  body[data-v341-contained-page="editions"] .shell {
    width: min(100% - 2rem, 74rem) !important;
  }
}