/* App adaptations for the Stable 1.0.x homepage on cmpliance.ai. Hand-written;
   everything else in this folder is generated from the prototype by
   scripts/build-stable-home.ts. Linked last, so these rules win ties. */

/* JetBrains Mono comes from next/font in the root layout. The script-drawn SVG
   labels name the family in an attribute, which CSS overrides. */
[data-home-root] svg text[font-family^="JetBrains Mono"] {
  font-family: var(--mono);
}

/* The site-wide consent banner draws its surface in pure white, so on the
   homepage it takes the page's #FAFAFA. Other pages keep the banner as it is. */
body:has([data-home-root]) .bg-surface-2 {
  background-color: #fafafa;
}

/* On a phone the prototype's version tag sat under the hero's case card (24 px
   tall, 18 px above it) and the hero centres its content. The tag is gone; its
   space is kept so the hero's content stays exactly where it was approved.
   Below 300 px the prototype hid the tag, so nothing is kept there. */
@media (min-width: 300px) and (max-width: 700px) {
  .mf .m-hero::after {
    content: "";
    display: block;
    flex: none;
    height: 24px;
    margin-top: 18px;
  }
}