/* Cookie choice for the Meta pixel (templates/_consent_banner.html). Loaded by public_base.html and base.html: public tokens first, app tokens as the fallback. */
.cz-consent{position:fixed;left:0;right:0;bottom:0;z-index:900;margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 20px;
 padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
 background:var(--paper-2,var(--surface));color:var(--ink,var(--text));border-top:1px solid var(--line);box-shadow:0 -8px 24px oklch(0 0 0/.25);font-size:14px;line-height:1.35}
.cz-consent[hidden]{display:none}
.cz-consent.cz-docked{position:relative;bottom:auto;border-top:0;border-bottom:1px solid var(--line);box-shadow:none}
.cz-consent p{margin:0;flex:0 1 62ch;color:var(--ink-2,var(--muted))}
.cz-consent a{color:var(--ink,var(--text));text-decoration:underline;text-underline-offset:2px}
.cz-consent-btns{display:flex;gap:8px;flex:0 0 auto}
.cz-consent button{min-height:40px;min-width:112px;padding:0 16px;border:1px solid var(--brand,var(--accent));border-radius:var(--r-sm,4px);background:transparent;color:var(--ink,var(--text));font:inherit;font-weight:650;cursor:pointer}
.cz-consent button:hover{background:oklch(.83 .145 214/.16)}
.cz-consent button:focus-visible{outline:3px solid var(--brand,var(--accent));outline-offset:2px}
@media (max-width:640px){.cz-consent{font-size:13px;gap:6px;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.cz-consent p{flex:1 1 100%}.cz-consent-btns{flex:1 1 100%}.cz-consent button{flex:1 1 0;min-height:44px}}
@media print{.cz-consent{display:none}}