/* Keep primary and alternate endpoints readable at every breakpoint. */
#mcView .mc-strip .address,
#mcView #additionalAddressSummary code {
  display:block;
  margin:8px 0 0;
  font:500 clamp(15px,1.6vw,20px)/1.5 'IBM Plex Mono',monospace;
  color:#e4d2f4;
  white-space:normal;
  overflow-wrap:anywhere;
}
#mcView #additionalAddressSummary {
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #a855f725;
}
#mcView #additionalAddressSummary .eyebrow,
#mcView #additionalAddressJoin .eyebrow {display:block; margin:0;}
#mcView #additionalAddressJoin {
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid #a855f725;
}
#mcView #joinServerAddress > code,
#mcView #additionalAddressJoin > code {
  display:block;
  margin:10px 0 14px;
  font:400 clamp(14px,1.5vw,16px)/1.6 'IBM Plex Mono',monospace;
  color:#e4d2f4;
  white-space:normal;
  overflow-wrap:anywhere;
}
#mcView #joinServerAddress .join-copy {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  white-space:normal;
  text-align:left;
}
#mcView #additionalAddressJoin .join-copy > span:last-child {font-size:22px;line-height:1;}

#mcView #additionalAddressJoin .join-copy > span:first-child {font:inherit;}