/* Reuse the saved profile content in the reference mobile arrangement. */
@media (max-width: 79.999rem) {
  #Main > div:has(> [data-testid="agent-bio-contact"]) {
    grid-template-columns: minmax(0, 144px) minmax(0, 1fr);
    gap: 16px;
  }

  [data-testid="agent-bio-contact"],
  [data-testid="agent-bio-contact"] > div,
  [data-testid="agent-bio-main-container"],
  [data-testid="agent-bio-main-container"] > div:first-child {
    display: contents;
  }

  [data-testid="agent-bio-contact"] > div > div:first-child {
    grid-column: 1;
    grid-row: 1;
    min-height: 342px;
  }

  [data-testid="agent-bio-contact"] img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 342px;
    object-fit: cover;
  }

  [data-testid="agent-bio-main-container"] > div:first-child > div {
    display: flex;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }

  [data-testid="agent-bio-main-container"] > div:first-child > div > div {
    margin-bottom: 0;
    gap: 8px;
  }

  [data-testid="agent-bio-contact"] > div > :not(:first-child),
  [data-testid="agent-bio-main-container"] > div:not(:first-child) {
    grid-column: 1 / -1;
    min-width: 0;
  }

  [data-testid="office-bio-contact-button"] {
    width: min(279px, 100%);
    height: 40px;
    padding-block: 8px;
    font-size: 14px;
  }

  [data-testid="agent-bio-website"] > span {
    white-space: nowrap;
  }

  [data-testid="agent-bio-main-container"] > div:not(:first-child) {
    margin-top: 12px;
  }
}

@media (max-width: 359px) {
  #Main > div:has(> [data-testid="agent-bio-contact"]) {
    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr);
  }
}