/* The cookie banner (static/mdw.js, 28 Oct): grown-ups' pages only. Accept and Reject are the same size and the same
   style, side by side, so neither is the "easy" answer. Fixed to the bottom, clear of the phone's home bar. */
.mdw-consent {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 60;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--sp-1, 0.5rem) var(--sp-3, 1.5rem);
  padding: var(--sp-2, 1rem) max(16px, env(safe-area-inset-right, 0px)) calc(var(--sp-2, 1rem) + env(safe-area-inset-bottom, 0px))
    max(16px, env(safe-area-inset-left, 0px));
  background: var(--sheet, #fff); color: var(--ink, #1a1a1a);
  border-top: var(--stroke, 3px) solid var(--ink, #1a1a1a);
  font-size: 1rem; line-height: 1.4;
}
.mdw-consent__text { margin: 0; max-width: 60ch; font-weight: 600; }
.mdw-consent__buttons { display: flex; gap: var(--sp-1, 0.5rem); }
.mdw-consent__button {
  min-width: 8.5rem; min-height: 48px; padding: 0.4em 1.2em;
  font: inherit; font-weight: 800; color: var(--ink, #1a1a1a);
  background: var(--sheet, #fff); border: var(--stroke, 3px) solid var(--ink, #1a1a1a); border-radius: 12px; cursor: pointer;
}
.mdw-consent__button:hover { background: var(--yellow, #ffc531); }
.mdw-consent__button:focus-visible { outline: 3px solid var(--ink, #1a1a1a); outline-offset: 3px; }
@media (max-width: 520px) {
  .mdw-consent__buttons { width: 100%; }
  .mdw-consent__button { flex: 1; min-width: 0; }
}
@media print { .mdw-consent { display: none; } }