/* Shared base for all consent concepts. Uses the site tokens from styles.css (:root --bg/--ink/--muted/--line). */
.mc{--mc-ink:var(--ink,#cdd5de);--mc-muted:var(--muted,#969faa);--mc-bg:var(--bg,#14181d);
  position:fixed;z-index:100000;left:20px;bottom:max(20px,env(safe-area-inset-bottom));width:340px;
  font-family:'Plus Jakarta Sans',Arial,sans-serif;color:var(--mc-ink);font-size:13px;line-height:1.55;
  -webkit-font-smoothing:antialiased;opacity:0;transform:translateY(14px);pointer-events:none;
  transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1),bottom .45s cubic-bezier(.2,.7,.2,1)}
.mc,.mc *{box-sizing:border-box}
.mc[hidden]{display:none}
.mc.is-in{opacity:1;transform:none;pointer-events:auto}
.mc-panel{background:rgba(23,28,34,.94);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
  border:1px solid rgba(205,213,222,.1);border-radius:3px;box-shadow:0 14px 34px rgba(0,0,0,.42)}
.mc p{margin:0}
.mc a{color:var(--mc-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.mc a:hover{color:var(--mc-ink)}
.mc-privacy{font-size:11px;letter-spacing:.02em;white-space:nowrap}
.mc-eyebrow{font-size:11px;letter-spacing:.08em;line-height:1.5;color:var(--mc-muted);font-weight:500}
.mc-hand{font-family:'Caveat',cursive;font-weight:500;letter-spacing:0}
/* Equal-prominence choice buttons (EU): identical size, weight, colour and border. */
.mc-actions{display:flex;gap:8px}
.mc-btn{flex:1 1 0;min-height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;
  font:800 10.5px/1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:var(--mc-ink);background:rgba(205,213,222,.05);border:1px solid rgba(205,213,222,.2);border-radius:3px;cursor:pointer;
  transition:background .25s,color .25s,border-color .25s,transform .25s}
.mc-btn:hover{background:#d5dee8;color:#14181d;border-color:#d5dee8}
.mc-btn:active{transform:translateY(1px)}
.mc :focus-visible{outline:2px solid var(--mc-ink);outline-offset:3px}
.mc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Desktop: keep clear of the centred floating nav at narrower desktop widths. */
@media(min-width:810px) and (max-width:1199px){.mc{bottom:max(104px,env(safe-area-inset-bottom))}}
/* Phones: bottom card, lifts above the "Start a project" dock whenever the dock is showing. */
@media(max-width:809px){
  .mc{left:12px;right:12px;width:auto;bottom:max(12px,env(safe-area-inset-bottom));font-size:14px}
  body.mp-dock .mc{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 64px)}
  .mc-btn{font-size:11px;min-height:46px}
  .mc-privacy{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.mc,.mc *{animation:none!important;transition:opacity .2s linear!important}.mc{transform:none!important}}