/* Lightweight, accessible analytics consent controls shared by all MONA pages. */
.mona-cookie-banner[hidden], .mona-cookie-settings[hidden] { display: none !important; }
.mona-cookie-banner {
  position: fixed;
  z-index: 9999;
  left: max(12px, env(safe-area-inset-left));
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  max-width: 720px;
  margin: 0 auto;
  padding: 18px 20px;
  box-sizing: border-box;
  border: 1px solid #d9cec0;
  border-radius: 14px;
  background: #fffdf9;
  box-shadow: 0 8px 38px rgba(43, 31, 20, 0.22);
  color: #383027;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.mona-cookie-banner h2 {
  margin: 0 0 8px;
  font-size: 1.06rem;
  font-weight: 700;
  line-height: 1.3;
}
.mona-cookie-banner p {
  margin: 0 0 14px;
  line-height: 1.5;
  font-size: 0.89rem;
}
.mona-cookie-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}
.mona-cookie-actions button {
  appearance: none;
  cursor: pointer;
  border: 1px solid #675646;
  border-radius: 8px;
  padding: 10px 16px;
  font: 600 0.88rem/1.25 system-ui, sans-serif;
  min-height: 42px;
}
.mona-cookie-reject { background: #fffdf9; color: #383027; }
.mona-cookie-accept { background: #383027; color: #fffdf9; }
.mona-cookie-actions button:hover { filter: brightness(0.91); }
.mona-cookie-actions button:focus-visible, .mona-cookie-actions a:focus-visible,
.mona-cookie-settings:focus-visible { outline: 3px solid #947457; outline-offset: 3px; }
.mona-cookie-details {
  font: 0.82rem/1.5 system-ui, sans-serif;
  color: #584535;
  text-decoration: underline;
}
.mona-cookie-settings {
  display: block;
  width: fit-content;
  margin: 14px auto 0;
  padding: 7px 10px;
  border: 1px solid currentColor;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: 0.78rem/1.3 system-ui, sans-serif;
  cursor: pointer;
}
@media (max-width: 450px) {
  .mona-cookie-banner { padding: 14px; }
  .mona-cookie-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .mona-cookie-details { grid-column: 1 / -1; text-align: center; padding: 5px; }
}