#analytics-consent {
  position: fixed;
  inset: auto 0 0;
  z-index: 10000;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px max(20px, calc((100vw - 1280px) / 2));
  border-top: 1px solid #f4f1e8;
  background: #090b0b;
  color: #f4f1e8;
  font: 14px/1.5 "General Sans", Arial, sans-serif;
  max-height: 50vh;
  overflow: auto;
}
#analytics-consent[hidden] { display: none; }
#analytics-consent p { flex: 1 1 320px; margin: 0; }
#analytics-consent a { color: inherit; text-decoration: underline; }
#analytics-consent div { display: flex; flex-wrap: wrap; gap: 8px; }
#analytics-consent button {
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid #f4f1e8;
  border-radius: 0;
  background: #090b0b;
  color: #f4f1e8;
  font: inherit;
  cursor: pointer;
}
#analytics-consent button[data-consent="granted"] { background: #c7ff4a; color: #090b0b; border-color: #c7ff4a; }
#analytics-consent :focus-visible { outline: 2px solid #c7ff4a; outline-offset: 3px; }