:root{
  /* Canonical Klevopedia brand palette: see docs/BRAND.md. */
  --klevo-brand-navy:#0F2540;
  --klevo-brand-blue:#365C76;
  --klevo-brand-beige:#B79A6A;
  --klevo-brand-cream:#F2E9DA;
  --klevo-brand-white:#FFFFFF;
  --klevo-brand-primary:var(--klevo-brand-navy);
  --klevo-brand-secondary:var(--klevo-brand-blue);
  --klevo-brand-accent:var(--klevo-brand-beige);
  --klevo-brand-surface:var(--klevo-brand-cream);
}

.klevo-brand{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  line-height:0;
  text-decoration:none;
}

.klevo-brand__image{
  display:block;
  width:auto;
  height:58px;
  max-width:min(240px,36vw);
  object-fit:contain;
  object-position:left center;
}

@media(max-width:980px){
  .klevo-brand__image{height:52px;max-width:210px}
}

@media(max-width:760px){
  .klevo-brand__image{height:44px;max-width:190px}
}

@media(max-width:420px){
  .klevo-brand__image{height:39px;max-width:168px}
}