/* Trove brand overrides.
   Kept as a stylesheet rather than edited Tailwind classes: the class names also
   live in the RSC payload, so hydration would restore whatever the markup said. */

/* --- header mark ------------------------------------------------------- */
img[alt="Trove logo"],
img[alt="TrovePad"] {
  height: 2.75rem !important;
  width: 2.75rem !important;
}

/* the main site wraps the mark in a fixed-size grid cell */
a[href="/"] > div.relative.grid {
  height: 2.75rem !important;
  width: 2.75rem !important;
}

/* --- wordmark ---------------------------------------------------------- */
/* first span only: the pad header keeps a tagline in the next sibling */
header a[href="/"] > span:first-of-type,
a[href="/"] > span:first-of-type {
  font-size: 1.375rem !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
}

@media (max-width: 640px) {
  img[alt="Trove logo"],
  img[alt="TrovePad"],
  a[href="/"] > div.relative.grid {
    height: 2.25rem !important;
    width: 2.25rem !important;
  }
  header a[href="/"] > span:first-of-type,
  a[href="/"] > span:first-of-type {
    font-size: 1.125rem !important;
  }
}