/* Viewer POV tune pass: alignment, width, and rhythm */

.vpv-toolbox-card {
  display: grid !important;
  grid-template-columns: minmax(320px, 1.08fr) minmax(300px, 0.92fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}
.vpv-toolbox-card > * { min-width: 0; }
.vpv-toolbox-title {
  white-space: nowrap !important;
  font-size: clamp(2.15rem, 3.8vw, 3.45rem) !important;
  line-height: 0.94 !important;
  letter-spacing: -0.05em !important;
}

.vpv-about-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: clamp(30px, 4.5vw, 62px) !important;
  align-items: start !important;
}
.vpv-about-panel,
.vpv-about-copy {
  align-self: start !important;
}
.vpv-about-title {
  max-width: 8.8ch !important;
  margin-bottom: 0 !important;
}
.vpv-about-copy {
  max-width: 70ch !important;
}
.vpv-about-copy > :first-child {
  margin-top: 0 !important;
}
.vpv-about-copy p,
.vpv-about-copy li {
  max-width: none !important;
}

.vpv-focus-title {
  max-width: 12.5ch !important;
  margin-bottom: 0.2em !important;
}
.vpv-focus-card-grid {
  align-items: stretch !important;
  margin-top: 18px !important;
}

.vpv-starpet-wide-title {
  max-width: 28ch !important;
  font-size: clamp(2.2rem, 3.55vw, 3.9rem) !important;
  line-height: 0.98 !important;
}

@media (max-width: 980px) {
  .vpv-toolbox-card,
  .vpv-about-grid {
    grid-template-columns: 1fr !important;
  }
  .vpv-toolbox-title {
    white-space: normal !important;
  }
  .vpv-starpet-wide-title {
    max-width: 20ch !important;
  }
}