.analytics-settings,
.analytics-consent {
  font: 400 14px/1.5 "DM Sans", sans-serif;
  color: #2e2428;
  background: #fefaf1;
  border: 1px solid #d9d0c1;
  border-radius: 6px;
}
.analytics-settings {
  position: fixed;
  bottom: 12px;
  left: 12px;
  z-index: 30;
  padding: 8px 12px;
  cursor: pointer;
}
.analytics-consent {
  position: fixed;
  bottom: 58px;
  left: 16px;
  z-index: 31;
  width: min(430px, calc(100% - 32px));
  max-height: calc(100svh - 90px);
  overflow: auto;
  padding: 24px;
  box-shadow: 0 8px 32px #2e242818;
  text-align: left;
}
.analytics-consent h2 { font: 600 19px/1.3 "DM Sans", sans-serif; margin: 0 0 10px; }
.analytics-consent p { font: inherit; color: inherit; max-width: none; margin: 10px 0; }
.analytics-consent details { border: 0; padding: 0; margin: 14px 0; }
.analytics-consent summary { display: list-item; font: inherit; padding: 0; cursor: pointer; }
.analytics-consent a { color: inherit; text-decoration: underline; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.analytics-actions button {
  font: 600 14px/1.4 "DM Sans", sans-serif;
  color: inherit;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 4px;
  padding: 11px 16px;
  min-height: 44px;
  cursor: pointer;
}
.analytics-actions button:hover { background: #f0e2c7; color: #2e2428; }
.analytics-actions button:disabled { opacity: .5; cursor: default; }
.analytics-consent :focus-visible,
.analytics-settings:focus-visible { outline: 3px solid #a46a22; outline-offset: 3px; }
[data-theme="dark"] .analytics-settings,
[data-theme="dark"] .analytics-consent { color: #fefaf1; background: #241e23; border-color: #65565f; }
.analytics-settings[hidden], .analytics-consent[hidden] { display: none; }