/* Original supplied wordmark: preserve its colors, lettering and proportions. */
.topbar {
  max-width: none;
  padding-inline: max(48px, calc((100vw - 1224px) / 2));
  gap: 24px;
  background: #fff;
}
.brand {
  display: block;
  flex: 0 1 420px;
  width: 420px;
  max-width: calc(100% - 110px);
  min-width: 0;
  line-height: 0;
}
.brand-logo {
  display: block;
  width: 100%;
  height: auto;
}
.private-label { flex-shrink: 0; }
@media (min-width: 1500px) {
  .topbar { padding-inline: max(48px, calc((100vw - 1180px) / 2)); }
}
@media (max-width: 1050px) {
  .topbar { padding-inline: 30px; }
}
@media (max-width: 760px) {
  .topbar { padding-inline: 20px; gap: 16px; }
  .brand { flex-basis: 340px; width: 340px; max-width: calc(100% - 86px); }
}

.image-dialog{width:min(780px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--ink);background:#fff}.image-dialog::backdrop{background:#102f2acc}.image-dialog h2{font-size:20px}.image-dialog p{font-size:14px;line-height:1.5;color:var(--muted)}.image-dialog img{display:block;width:100%;height:auto;margin:20px 0}.image-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.image-dialog-actions a,.image-dialog-actions button{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:7px;padding:12px 16px;text-decoration:none;cursor:pointer;background:#fff;color:var(--ink)}.image-dialog-actions a{background:var(--dark);color:#fff}
