/* Shared brand artwork keeps the name and domain readable in every site shell. */
html[data-theme] body :is(.topbar, .portal-header, .account-header, .center-header) .brand {
  flex-shrink: 0;
}

html[data-theme] body :is(.topbar, .portal-header, .account-header, .center-header) .brand img[src*="/assets/brand/gom-logo-"] {
  width: 190px;
  height: auto;
  max-height: 56px;
  object-fit: contain;
}

html[data-theme] body :is(.footer, .portal-footer) .brand img[src*="/assets/brand/gom-logo-"] {
  width: 180px;
  height: auto;
  max-height: 54px;
  object-fit: contain;
}

html[data-theme="dark"] body img[src*="/assets/brand/gom-logo-light-"] {
  content: url('/assets/brand/gom-logo-dark-20261010-v5.webp');
}

html[data-theme="light"] body .portal-footer img[src*="/assets/brand/gom-logo-dark-"] {
  content: url('/assets/brand/gom-logo-light-20261010-v5.webp');
}

@media (min-width: 1121px) and (max-width: 1279px) {
  .home-page .topbar .nav { gap: 18px; margin-right: 20px; }
}

@media (max-width: 760px) {
  html[data-theme] body :is(.topbar, .portal-header, .account-header, .center-header) .brand img[src*="/assets/brand/gom-logo-"] {
    width: 165px;
    max-height: 50px;
  }
}