.meta-consent {
  position: fixed;
  z-index: 100;
  inset: auto 16px 16px;
  max-width: 720px;
  margin-inline: auto;
  padding: 20px;
  border: 1px solid #0b1f4d33;
  border-radius: 16px;
  background: #fff;
  color: #0b1f4d;
  box-shadow: 0 8px 32px #0b1f4d33;
  font: 16px/1.45 system-ui, sans-serif;
}
.meta-consent[hidden] { display: none; }
.meta-consent p { margin: 0; }
.meta-consent div { display: flex; gap: 12px; margin: 16px 0 10px; }
.meta-consent button {
  flex: 1;
  padding: 10px 20px;
  border: 2px solid #0038a8;
  border-radius: 8px;
  background: #fff;
  color: #0038a8;
  font: 700 16px/1.3 system-ui, sans-serif;
  cursor: pointer;
}
.meta-consent small { display: block; font-size: 13px; }
.meta-consent-preferences {
  display: block;
  margin: 12px auto;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  color: inherit;
  text-decoration: underline;
  font: inherit;
  cursor: pointer;
}
.meta-consent button:focus-visible,
.meta-consent-preferences:focus-visible { outline: 3px solid #d52b1e; outline-offset: 3px; }