.district-consent[hidden] { display: none !important; }
.district-consent {
  position: fixed; bottom: 1rem; left: 1rem; right: 1rem;
  z-index: 1000; margin: 0 auto; max-width: 760px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 1.5rem; padding: 1rem 1.25rem;
  background: #fff; color: #222; border: 1px solid #c9c9c9;
  border-radius: 4px; box-shadow: 0 7px 25px rgba(0,0,0,.15);
  font: 14px/1.5 system-ui, sans-serif;
}
.district-consent strong { font-size: 15px; font-weight: 700; }
.district-consent p { margin: .3rem 0 0; }
.district-consent a { text-decoration: underline; color: inherit; }
.district-consent__actions { display: flex; gap: .5rem; flex-shrink: 0; }
.district-consent__actions button {
  border: 1px solid #333; border-radius: 3px;
  font: inherit; font-weight: 600; cursor: pointer;
  padding: .55rem .75rem; background: #fff; color: #222;
}
.district-consent__actions button[data-consent="accept"] {
  background: #222; color: #fff;
}
.district-consent__manage {
  margin-top: .75rem; border: 0; padding: .2rem 0;
  background: transparent; color: inherit; opacity: .85;
  text-decoration: underline; cursor: pointer; font: inherit;
}
@media (max-width: 650px) {
  .district-consent { align-items: stretch; flex-direction: column; gap: 1rem; }
  .district-consent__actions { flex-wrap: wrap; }
  .district-consent__actions button { flex: 1 1 0; }
}