/* Svago Marks 1.0.1. Additive shell presentation; base system 1.0.0 unchanged. */
.portal-mark, .product-mark { display: block; flex-shrink: 0; }
.brand { min-height: 44px; }
.product-mark { width: 56px; height: 56px; }
.card-top { margin-bottom: 20px; }
.card .badge { white-space: normal; text-align: right; }
.card details > summary { min-height: 44px; display: flex; align-items: center; }
.card dl > div { flex-wrap: wrap; }
.card dd { overflow-wrap: anywhere; }
.login-layout { min-height: 500px; }
.login-intro h1 { font-size: clamp(36px, 4vw, 54px); }
.sv-admin-logo { vertical-align: middle; margin-right: 8px; }
#header { height: auto; flex-shrink: 0; }
#site-name a { min-height: 44px; }
.preference-form { max-width: 560px; }
.preference-form form { margin-bottom: 20px; }
@media (max-width: 600px) {
  .page-heading { align-items: flex-start; gap: 12px; }
  .page-heading .local { font-size: 10px; }
  .section-heading { flex-wrap: wrap; gap: 8px; }
  .header-inner { gap: 12px; }
  .product-mark { width: 52px; height: 52px; }
  .card { padding: 22px; }
}