:root {
  font-family: system-ui, sans-serif;
  color: #17252b;
  background: #faf9f6;
  line-height: 1.6;
}
body {
  margin: 0;
}
button,
a {
  touch-action: manipulation;
}
button {
  font: inherit;
  padding: 0.8rem 1.2rem;
  border: 1px solid #799088;
  border-radius: 0.4rem;
  cursor: pointer;
  background: #fff;
  color: #17252b;
}
button:focus-visible,
a:focus-visible {
  outline: 3px solid #d9692d;
  outline-offset: 3px;
}
.cp-demo {
  padding: 0.5rem;
  text-align: center;
  background: #fff0c8;
  font-size: 0.8rem;
}
#cp-privacy {
  margin: 1rem;
}
#cp-consent {
  max-width: 580px;
  border: 1px solid #bcc8c3;
  border-radius: 12px;
  padding: 24px;
}
#cp-consent::backdrop {
  background: #10201b99;
}
#cp-consent label {
  display: block;
  margin: 1rem 0;
}
#cp-consent div {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
#cp-confirmation {
  max-width: 640px;
  margin: 3rem auto;
  padding: 2rem;
  background: white;
  border: 1px solid #ccc;
}
cp-section {
  display: block;
}
@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}