/* ============================================================
   Meeting Share Equal Split v1
   Left: black, Right: white, 50/50 width, matched typography.
   ============================================================ */
.meeting-page {
  --meet-latest-size: clamp(18px, 2.15vw, 28px);
  --meet-history-size: clamp(14px, 1.4vw, 18px);
  --meet-partial-size: clamp(16px, 1.85vw, 24px);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.meet-pane {
  min-width: 0;
  flex: 1 1 50%;
}

.meet-pane-left {
  color: #fff;
  background: #05070b !important;
}

.meet-pane-right {
  color: #111827;
  background: #fff !important;
}

.meet-divider {
  left: 50% !important;
}

/* Same typographic scale and rhythm on both panes. */
.meet-pane-left .meet-latest .meet-history-text,
.meet-pane-right .meet-latest .meet-history-text {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: var(--meet-latest-size) !important;
  font-weight: 700;
  line-height: 1.35;
}

.meet-pane-left .meet-older .meet-history-text,
.meet-pane-right .meet-older .meet-history-text {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: var(--meet-history-size) !important;
  font-weight: 500;
  line-height: 1.3;
}

.meet-pane-left .meet-partial .meet-history-text,
.meet-pane-right .meet-partial .meet-history-text {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: var(--meet-partial-size) !important;
  font-weight: 600;
  line-height: 1.35;
}

.meet-pane-left .meet-latest .meet-history-text { color: #fff; }
.meet-pane-left .meet-older .meet-history-text { color: #aab2c0; }
.meet-pane-left .meet-partial .meet-history-text { color: #d4d9e2; }
.meet-pane-right .meet-latest .meet-history-text { color: #111827; }
.meet-pane-right .meet-older .meet-history-text { color: #657083; }
.meet-pane-right .meet-partial .meet-history-text { color: #303846; }

.meet-pane-left .meet-speaker-label,
.meet-pane-right .meet-speaker-label {
  font-size: 10px;
  font-weight: 750;
  line-height: 1.2;
}

@media (max-width: 640px) {
  .meeting-page {
    --meet-latest-size: clamp(17px, 5.3vw, 24px);
    --meet-history-size: clamp(13px, 3.7vw, 17px);
    --meet-partial-size: clamp(15px, 4.4vw, 21px);
  }
  .meet-pane-feed { padding: 14px 10px 8px; }
}