/* Overview: use explicit responsive tracks for the audience/content workspace. */
.site-overview-dashboard:has(> .site-overview-insights) {
  grid-template-columns: minmax(0, 1fr);
}
.site-overview-dashboard:has(> .site-overview-insights) .overview-audience-layout,
.site-overview-dashboard:has(> .site-overview-insights) > .overview-site-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}
.site-overview-dashboard:has(> .site-overview-insights) > .overview-site-grid > .overview-side-stack {
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 1500px) {
  .site-overview-dashboard:has(> .site-overview-insights) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .site-overview-dashboard:has(> .site-overview-insights) .overview-audience-layout {
    grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);
  }
}
@media (min-width: 1700px) {
  .site-overview-dashboard:has(> .site-overview-insights) > .overview-site-grid > .overview-side-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Let the mobile primary label use its space before wrapping whole actions. */
@media (max-width: 640px) {
  .site-overview-dashboard .overview-hero-actions > button[data-site-open-editor][data-slot="button"] {
    flex-basis: 148px;
    max-width: 100%;
  }
  .site-overview-dashboard .overview-hero-actions > a[data-slot="button"]:not([aria-label]) {
    flex-basis: 100px;
    max-width: 100%;
  }
}