:root {
  --cc-font-family: var(--font-sans, system-ui, sans-serif);
  --cc-bg: #fffdfa;
  --cc-primary-color: #152033;
  --cc-secondary-color: #5f625f;
  --cc-btn-primary-bg: #8c6a4f;
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-hover-bg: #72523a;
  --cc-btn-secondary-bg: #f1ece6;
  --cc-btn-secondary-color: #152033;
  --cc-btn-secondary-hover-bg: #e7ded5;
  --cc-toggle-on-bg: #8c6a4f;
  --cc-cookie-category-block-bg: #f7f3ee;
  --cc-cookie-category-block-hover-bg: #f0e9e1;
  --cc-separator-border-color: #ded7cf;
  --cc-footer-border-color: #ded7cf;
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid #ded7cf;
  box-shadow: 0 20px 55px rgba(21, 32, 51, .18);
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  border-radius: .65rem;
  min-height: 2.8rem;
}

#cc-main .section__toggle:focus-visible,
#cc-main button:focus-visible,
#cc-main a:focus-visible {
  outline: 3px solid rgba(140, 106, 79, .4);
  outline-offset: 3px;
}

#cc-main .pm__section-desc small {
  display: block;
  line-height: 1.55;
  margin-top: .45rem;
}

@media (max-width: 640px) {
  #cc-main .cm { width: calc(100% - 1rem); max-width: none; }
  #cc-main .cm__btn-group { display: grid; grid-template-columns: 1fr; }
}