#analytics-consent[hidden], #analytics-consent [hidden] { display: none !important; }
#analytics-consent {
  position: fixed; z-index: 10000; inset: auto 0 0;
  display: flex; align-items: center; gap: 1.5rem;
  padding: 1.25rem max(6%, env(safe-area-inset-left)) calc(1.25rem + env(safe-area-inset-bottom));
  max-height: 85svh; overflow: auto;
  background: #151515; color: #f2efe9; border-top: 1px solid #777;
  box-shadow: 0 -8px 30px #0005;
  font: 400 1rem/1.5 'Manrope', Arial, sans-serif;
}
#analytics-consent .analytics-consent-copy { flex: 1; min-width: 0; }
#analytics-consent h2 { margin: 0 0 .5rem; font: 400 1.2rem/1.3 'Manrope', Arial, sans-serif; letter-spacing: 0; }
#analytics-consent p { margin: 0; max-width: 65rem; font: inherit; color: inherit; }
#analytics-consent a { text-decoration: underline; text-underline-offset: .2em; }
#analytics-consent .analytics-consent-status:empty { display: none; }
#analytics-consent .analytics-consent-status { margin-top: .5rem; }
#analytics-consent .analytics-consent-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
#analytics-consent button {
  min-height: 44px; padding: .65rem 1rem; border: 1px solid #f2efe9;
  background: transparent; color: #f2efe9; font: inherit; cursor: pointer;
}
#analytics-consent button:hover { background: #333; }
#analytics-consent :focus-visible, .analytics-settings:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
footer .analytics-settings, .policy .analytics-settings {
  display: inline-block; border: 0; padding: 0; min-height: 44px;
  background: transparent; color: inherit; font: inherit; text-align: left;
  text-decoration: none; cursor: pointer;
}
@media (max-width: 760px) {
  #analytics-consent { flex-direction: column; align-items: stretch; gap: 1rem; padding-inline: 6%; }
  #analytics-consent .analytics-consent-actions > button { flex: 1 1 135px; }
}