/* Every membership showcase starts with a readable 7 x 2 rail. */
.gm-model-carousel {
    grid-template-rows: repeat(2, minmax(0, auto));
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 96px) / 7);
    column-gap: 16px;
    row-gap: 16px;
    align-items: stretch;
}

.gm-model-carousel .gm-card {
    min-width: 0;
    height: 100%;
}

.gm-global-showcase-grid {
    grid-template-columns: 1fr;
}

.gm-global-showcase-grid .gm-mini-tier:first-child {
    grid-column: auto;
}

.gm-global-showcase-grid .gm-mini-tier-carousel {
    grid-template-rows: repeat(2, minmax(0, auto));
    grid-auto-columns: calc((100% - 96px) / 7);
    column-gap: 16px;
    row-gap: 16px;
}

.gm-location-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 34px;
    text-align: left;
}

.gm-location-row .gm-location-disclosure {
    flex: 0 0 12px;
    color: var(--gm-primary);
    font-weight: 900;
    transition: transform .16s ease;
}

.gm-location-row[aria-expanded="true"] .gm-location-disclosure {
    transform: rotate(90deg);
}

.gm-location-children {
    margin-left: 12px;
    padding-left: 10px;
    border-left: 1px solid var(--gm-border);
}

.gm-location-row.is-selected {
    color: var(--gm-primary);
    background: #f1efff;
}

@media (max-width: 1200px) {
    .gm-model-carousel,
    .gm-global-showcase-grid .gm-mini-tier-carousel {
        grid-auto-columns: calc((100% - 48px) / 4);
    }
}

@media (max-width: 767px) {
    .gm-model-carousel,
    .gm-global-showcase-grid .gm-mini-tier-carousel {
        grid-auto-columns: calc((100% - 12px) / 2);
        column-gap: 12px;
        row-gap: 12px;
    }
}


/* Readable profile rails: seven columns only when each card can remain readable. */
.gm-model-carousel,
.gm-global-showcase-grid .gm-mini-tier-carousel {
  grid-template-rows: repeat(2, minmax(0, auto));
  grid-auto-flow: column;
  grid-auto-columns: minmax(208px, calc((100% - 96px) / 7));
  column-gap: 16px;
  row-gap: 16px;
}
.gm-model-carousel .gm-card,
.gm-global-showcase-grid .gm-mini-tier-carousel .gm-card {
  min-width: 208px;
}
.gm-card-title h3,
.gm-card-role,
.gm-card-location,
.gm-card-summary,
.gm-card-view {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
@media (max-width: 1500px) {
  .gm-model-carousel,
  .gm-global-showcase-grid .gm-mini-tier-carousel { grid-auto-columns: minmax(208px, calc((100% - 64px) / 5)); }
}
@media (max-width: 1200px) {
  .gm-model-carousel,
  .gm-global-showcase-grid .gm-mini-tier-carousel { grid-auto-columns: minmax(208px, calc((100% - 48px) / 4)); }
}
@media (max-width: 767px) {
  .gm-model-carousel,
  .gm-global-showcase-grid .gm-mini-tier-carousel { grid-auto-columns: minmax(156px, calc((100% - 12px) / 2)); column-gap: 12px; row-gap: 12px; }
  .gm-model-carousel .gm-card,
  .gm-global-showcase-grid .gm-mini-tier-carousel .gm-card { min-width: 156px; }
}