/* SHOWCHAT mobile-only refinements. Desktop layout remains unchanged. */
@media (max-width: 640px) {
  /* Give the brand block enough room and keep both lines fully visible. */
  main > div[class*="max-w-6xl"] > header {
    gap: 8px !important;
  }

  main > div[class*="max-w-6xl"] > header > div:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  main > div[class*="max-w-6xl"] > header > div:first-child > div:last-child {
    min-width: 0 !important;
    overflow: visible !important;
  }

  main > div[class*="max-w-6xl"] > header > div:first-child > div:last-child > div:first-child {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: clamp(19px, 6vw, 24px) !important;
    line-height: 1.05 !important;
  }

  main > div[class*="max-w-6xl"] > header > div:first-child > div:last-child > div:last-child {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: clamp(8px, 2.65vw, 10px) !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }

  /* Keep the verification badge compact so it cannot squeeze the logo text. */
  main > div[class*="max-w-6xl"] > header > div:last-child {
    flex: 0 0 auto !important;
    padding-left: 2px !important;
    padding-right: 0 !important;
  }

  main > div[class*="max-w-6xl"] > header > div:last-child svg {
    width: 21px !important;
    height: 21px !important;
  }

  main > div[class*="max-w-6xl"] > header > div:last-child::after {
    margin-left: 4px !important;
    font-size: 9px !important;
  }

  /* Two profile cards per row on phones. */
  main > div[class*="max-w-6xl"] > section:nth-of-type(3) > div:nth-child(2),
  main > div[class*="max-w-6xl"] > section:nth-of-type(4) > div:nth-child(2) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  main > div[class*="max-w-6xl"] button[class*="overflow-hidden"] h3 {
    font-size: 14px !important;
  }
}
