.cc_MdNZYCy9lp_X2mFRqw6t8 .brand-logo {
  padding: 16px;
  border-radius: 8px;
  background: #f9fafb;
}

.cc_MdNZYCy9lp_X2mFRqw6t8 .brand-logo h2 {
  margin: 0 0 12px 0;
  font-size: var(--cio-brand-name-size, 20px);
  font-weight: var(--cio-brand-name-weight, 600);
  color: var(--cio-brand-name-color, #111827);
}

/* Mobile size overrides — fall back to the desktop var, then the default. */
@media (max-width: 767px) {
  .cc_MdNZYCy9lp_X2mFRqw6t8 .cio-brand__name {
    font-size: var(--cio-brand-name-size-m, var(--cio-brand-name-size, 20px));
  }
}