/**
 * Family Vital Insights — shared wordmark sizing (all marketing pages + nav).
 * Desktop: 52px tall · Mobile: 32px · Small / PWA: 28px
 */
:root {
  --vi-logo-height: 52px;
  --vi-logo-max-width: 320px;
}

img.vi-logo,
.logo-img.vi-logo,
img.logo.vi-logo,
a.logo > img.vi-logo,
.brandLogo.vi-logo {
  height: var(--vi-logo-height) !important;
  width: auto !important;
  max-width: min(100%, var(--vi-logo-max-width)) !important;
  display: block;
  object-fit: contain;
  background: transparent !important;
  image-rendering: -webkit-optimize-contrast;
  border-radius: 10px;
}

/* Centered page headers (signup, login, etc.) */
.vi-logo-center {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  :root {
    --vi-logo-height: 32px;
    --vi-logo-max-width: 132px;
  }
}

@media (max-width: 520px), (display-mode: standalone) {
  :root {
    --vi-logo-height: 28px;
    --vi-logo-max-width: 112px;
  }
}