/* Keep the homepage tagline on one line at the available column width. */
main.overflow-x-clip > section.wrap.grid:first-child > div:first-child {
  min-width: 0;
  container-type: inline-size;
}

main.overflow-x-clip > section.wrap.grid:first-child > div:first-child > h1.h1 > .text-grad {
  font-size: min(1em, 12cqi);
  letter-spacing: -.045em;
  white-space: nowrap;
}

@media (width < 64rem) {
  main.overflow-x-clip > section.wrap.grid:first-child {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* The Our coin CA uses the same 44px height as its trading links. */
main .reveal[class~="bg-[var(--fg)]"] > .flex {
  align-items: center;
}

/* Match the captured utility layer so its important 36px height can be overridden. */
@layer utilities {
  main .reveal[class~="bg-[var(--fg)]"] > .flex > [data-site-ca] {
    height: 44px !important;
  }
}