/* custom.css — small visual tweaks for this specific site.
   Loads AFTER main.css, so anything here wins. The AI content engine may add
   rules here when params can't express a change. Keep it short; prefer params. */

/* The uploaded logo is used beside the site name in the header. */
.brand {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
}

.brand::before {
  content: "";
  width: 2.4rem;
  height: 1.5rem;
  flex: 0 0 auto;
  background: url("/uploads/logo-1.jpg") center / cover no-repeat;
}