/* The privacy choices card (core/assets/track.js; Vera, 2026-10-07; card
   design Bea, 2026-10-07). Never modal, and it waits rather than open over a
   link or button on the first screen (track.js, coversControl).
   Phone first: a card across the bottom, clear of the safe area, with the chat
   launcher lifted above it while it is open (--mm-consent-h, set by track.js).
   From 700px a compact card bottom left, away from the launcher.
   Allow and No thanks are the same size, side by side, in one row: refusing
   is exactly as easy as allowing. Allow is filled, No thanks is quiet, and
   that is the only difference. The site has no dark mode, so the card stays
   light in every color scheme, like the page under it. */
[data-consent-open][hidden]{display:none!important}
.mm-consent{--c-ink:#22261E;--c-soft:#5A6050;--c-card:#FFFEFA;--c-line:rgba(34,38,30,.12);
  position:fixed;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:48;
  box-sizing:border-box;margin:0;padding:20px 20px 20px;background:var(--c-card);color:var(--c-ink);
  border:1px solid var(--c-line);border-radius:18px;box-shadow:0 1px 2px rgba(34,38,30,.06),0 10px 28px -12px rgba(34,38,30,.22);
  font-family:inherit;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;text-align:left;
  animation:mm-consent-in .22s ease-out both}
.mm-consent p{margin:0;padding-right:36px;font:inherit;color:inherit;max-width:none;text-wrap:pretty}
.mm-consent .mm-consent-state{margin-top:6px;font-size:14px;color:var(--c-soft)}
.mm-consent-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.mm-consent-link{grid-column:1/-1;order:-1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;margin:-12px 0 -6px;padding:0;
  color:var(--c-ink);font-size:14px;font-weight:500;text-decoration:underline;text-decoration-color:rgba(34,38,30,.35);text-underline-offset:3px}
.mm-consent-link:hover{text-decoration-color:currentColor}
.mm-consent-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:0;padding:0 18px;margin:0;box-sizing:border-box;
  border:1px solid var(--c-line);border-radius:999px;background:#F3F1EA;color:var(--c-ink);
  font-family:inherit;font-size:15px;font-weight:500;line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer;
  transition:background-color .15s,border-color .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.mm-consent-yes{background:var(--c-ink);border-color:var(--c-ink);color:#FFFEFA}
@media (hover:hover){
  .mm-consent-btn:hover{background:#E9E6DC;border-color:rgba(34,38,30,.2)}
  .mm-consent-yes:hover{background:#000;border-color:#000}
}
.mm-consent-btn:active{transform:translateY(.5px)}
.mm-consent-btn:focus-visible,.mm-consent-x:focus-visible,.mm-consent-link:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}
.mm-consent-x{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;
  background:transparent;color:var(--c-soft);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mm-consent-x:hover{color:var(--c-ink);background:rgba(34,38,30,.06)}
/* phones: the launcher steps up above the open card instead of sitting on it */
@media (max-width:699.98px){
  html.mm-consent-open .mm-chat-launch{bottom:calc(var(--mm-consent-h,0px) + 24px + env(safe-area-inset-bottom,0px))}
}
@media (min-width:700px){
  .mm-consent{left:24px;right:auto;bottom:24px;width:384px;padding:22px 24px 24px}
}
@keyframes mm-consent-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mm-consent{animation:none}.mm-consent-btn{transition:none}}
@media print{.mm-consent{display:none}}
