html.usage-consent-required { overflow: hidden; }
#usage-consent {
  box-sizing: border-box;
  width: min(640px, calc(100% - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: clamp(20px, 4vw, 36px);
  overflow-y: auto;
  overscroll-behavior: contain;
  color: #17313e;
  background: #fff;
  border: 1px solid #d6e1e2;
  border-radius: 16px;
  box-shadow: 0 24px 80px #071b2940;
  font: 16px/1.6 "Segoe UI", Arial, sans-serif;
  text-align: left;
  color-scheme: light;
}
#usage-consent::backdrop { background: rgb(10 24 32 / 72%); }
#usage-consent h2 { margin: 0; color: inherit; font-size: 24px; line-height: 1.3; letter-spacing: -.025em; text-transform: none; }
#usage-consent p { margin: 18px 0; color: inherit; font-size: inherit; line-height: inherit; }
#usage-consent .usage-consent-confirmation {
  padding-top: 18px;
  border-top: 1px solid #d6e1e2;
  font-size: 14px;
  color: #526772;
}
#usage-consent button {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border: 0;
  border-radius: 8px;
  color: #fff;
  background: #087768;
  font: inherit;
  font-weight: 600;
  white-space: normal;
  cursor: pointer;
}
#usage-consent button:hover { background: #065e53; }
#usage-consent button:focus-visible { outline: 3px solid #db9a30; outline-offset: 4px; }