.analytics-consent{position:fixed;z-index:1000;bottom:12px;left:12px;right:12px;max-width:760px;margin:auto;padding:12px 16px;background:var(--ot-bg,var(--bg,#f6f3ee));color:var(--ot-text,var(--fg,#1d1b18));border:1px solid var(--ot-hair-strong,var(--line,#e4ddd2));border-radius:10px;box-shadow:0 4px 24px #0002;font:14px/1.5 var(--ot-font-sans,system-ui),-apple-system,sans-serif}
.analytics-consent[hidden]{display:none}
.analytics-consent p{margin:0 0 8px;color:inherit}
.analytics-consent a{color:inherit;text-decoration:underline}
.analytics-consent button{font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:6px;padding:6px 12px;margin:0 8px 0 0;cursor:pointer}
.analytics-consent button:focus-visible,.analytics-consent a:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.analytics-consent{padding:16px 20px}
.analytics-consent button{min-height:44px;margin-top:4px}
@media(max-width:719px){.analytics-consent{bottom:8px;left:8px;right:8px;padding:14px 16px}.analytics-consent button{margin-bottom:2px}}
/* Phones: the banner joins the page flow after the footer, so it never covers the download panel or link. */
@media(max-width:719px){.analytics-consent{position:static;margin:0 16px 16px;max-width:none}}

/* A quiet corner notice; retain the phone's normal-flow placement so it cannot cover actions. */
.analytics-consent{left:auto;right:16px;bottom:16px;width:280px;max-width:calc(100% - 32px);margin:0;padding:12px 14px;font-size:13px;line-height:1.4;box-shadow:none}
.analytics-consent p{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 4px}
.analytics-consent a{display:inline-flex;align-items:center;min-height:44px}
.analytics-consent button{min-width:52px;min-height:44px;margin:0 8px 0 0;padding:6px 12px}
@media(max-width:719px){.analytics-consent{position:static;width:280px;max-width:calc(100% - 32px);margin:16px 16px 16px auto;padding:10px 12px}}
/* Phones (2026-10-09): one compact row fixed to the bottom, so phone visitors can choose; the page gains room so the bar never hides the end of it. */
@media(max-width:719px){.analytics-consent{position:fixed;left:0;right:0;bottom:0;width:auto;max-width:none;margin:0;border-radius:0;border-width:1px 0 0;padding:4px 12px calc(4px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px}.analytics-consent p{flex:1;margin:0;justify-content:flex-start;gap:12px}.analytics-consent button{margin:0}body:has(.analytics-consent:not([hidden])){padding-bottom:64px}}
