/* card-icon: start content from the top of the card so the icon and heading
   sit at the same height across all cards in a row, regardless of heading length.
   Targets the inner flex container only when it contains the icon background box. */
.flex.h-full.flex-col:has(.bg-accent.rounded-md),
.flex.h-full.flex-col:has(.bg-muted.rounded-md) {
  justify-content: flex-start;
}

/* Double the navbar logo height (from h-8/h-10 = 32px/40px to 64px/80px) */
.navbar--logo .branding,
.navbar--modal-logo .branding {
  height: 4rem !important;
}

@media (min-width: 768px) {
  .navbar--logo .branding,
  .navbar--modal-logo .branding {
    height: 5rem !important;
  }
}