/* Navy overlay keeps emergency contacts readable against the facade. */
html:root:root body.municipal-homepage main#main-content .hero aside.emergency-card {
  background: rgba(0, 48, 91, .92) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 14px 32px rgba(0, 30, 65, .18) !important;
  border-color: rgba(143, 196, 233, .24) !important;
}
.municipal-homepage .hotline-call-notice[hidden] { display: none !important; }
.municipal-homepage .hotline-call-notice {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 10000;
  box-sizing: border-box;
  width: 360px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  margin: 0;
  padding: 16px;
  background: #f4f8fb;
  border: 1px solid #d7e4ee;
  border-radius: 6px;
  color: #173e5e;
  text-align: left;
  box-shadow: 0 8px 32px rgba(0, 30, 65, .24);
}
.municipal-homepage .hotline-call-notice strong {
  color: #173e5e;
  font: 700 14px/1.5 "DM Sans", sans-serif;
}
.municipal-homepage .hotline-call-notice p {
  margin: 8px 0 12px;
  color: #36566d;
  font: 400 13px/1.6 "DM Sans", sans-serif;
}
.municipal-homepage .hotline-call-notice button {
  padding: 8px 12px;
  border: 1px solid #bbcedc;
  border-radius: 5px;
  background: #fff;
  color: #173e5e;
  font: 600 13px/1.5 "DM Sans", sans-serif;
  cursor: pointer;
}
.municipal-homepage .hotline-call-notice button:focus-visible {
  outline: 2px solid #173e5e;
  outline-offset: 3px;
}