@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap");

/* Shared LA identity assets. The wordmark follows the supplied right-side reference. */
:root {
  --la-font: "Space Grotesk", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif;
  --la-display: "Space Grotesk", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif;
}

.la-logo,
.la-logo-mark,
.public-brand-logo,
.portal-brand-logo,
.dealer-brand-logo {
  image-rendering: auto;
}

.brand,
.public-brand,
.portal-brand,
.dealer-brand {
  font-family: var(--la-display);
}

.brand-name,
.portal-role,
.side-kicker,
.kicker,
.eyebrow,
.platform-state,
.live-status {
  font-family: var(--la-font);
}
.la-logo,
.la-logo-mark,
.public-brand-logo,
.portal-brand-logo,
.dealer-brand-logo {
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
  object-position: left center;
}

.la-logo { width: 62px; height: 42px; }
.la-logo-mark { width: 62px; height: 42px; }
.public-brand-logo { width: 62px; height: 42px; }
.portal-brand-logo { width: 62px; height: 42px; }
.dealer-brand-logo { width: 62px; height: 42px; }

.brand .la-logo,
.brand .la-logo-mark { filter: drop-shadow(0 0 10px rgba(157, 78, 221, .28)); }
.public-brand-logo,
.portal-brand-logo,
.dealer-brand-logo { filter: drop-shadow(0 0 9px rgba(157, 78, 221, .24)); }

.public-brand,
.portal-brand,
.dealer-brand,
.brand { min-width: 0; }

.admin-side .brand > b { display: none; }

@media (max-width: 560px) {
  .la-logo { width: 58px; height: 39px; }
  .public-brand-logo,
  .portal-brand-logo,
  .dealer-brand-logo { width: 58px; height: 39px; }
  .la-logo-mark { width: 58px; height: 39px; }
}