/* Otto privacy choices (assets/consent.js). Uses the landing's tokens with fallbacks, so it also reads right on a page
   without them. Both answers share one button style: neither is highlighted, neither is smaller. */
.oc{position:fixed;z-index:95;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;justify-content:flex-start;pointer-events:none}
.oc[hidden]{display:none}
.oc-card{pointer-events:auto;position:relative;box-sizing:border-box;width:100%;max-width:440px;padding:20px 20px 18px;border-radius:var(--r-panel,20px);
  background:var(--elevated,#FFFFFF);color:var(--ink,#10182B);font:400 15px/1.5 var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif);
  box-shadow:0 0 0 1px var(--line,#E4E8F1),0 18px 48px -12px rgba(16,24,43,.28)}
.oc-title{margin:0 36px 6px 0;font:650 17px/1.3 var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif);letter-spacing:-.01em;color:var(--ink,#10182B);outline:none}
.oc-body{margin:0;color:var(--ink-2,#5B6478)}
.oc-more{color:var(--accent,#2447F0);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.oc-note{margin:10px 0 0;padding:8px 10px;border-radius:var(--r-input,10px);background:var(--surface-2,#EEF1F6);color:var(--ink-2,#5B6478);font-size:13px;line-height:1.4}
.oc-note[hidden],.oc-state[hidden],.oc-close[hidden]{display:none}
.oc-state{margin:10px 0 0;font-size:13px;color:var(--ink-2,#5B6478)}
.oc-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.oc-btn{appearance:none;-webkit-appearance:none;margin:0;min-height:44px;padding:0 16px;border:0;border-radius:var(--r-pill,999px);cursor:pointer;
  background:var(--surface-2,#EEF1F6);color:var(--ink,#10182B);box-shadow:inset 0 0 0 1px var(--line,#E4E8F1);
  font:600 15px/1 var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif);letter-spacing:-.005em}
.oc-btn:hover{background:color-mix(in srgb,var(--surface-2,#EEF1F6) 90%,var(--ink,#10182B))}
.oc-btn:focus-visible,.oc-close:focus-visible,.oc-more:focus-visible{outline:2px solid var(--accent,#2447F0);outline-offset:2px}
.oc-btn[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--ink-3,#7A8397)}
.oc-close{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0;border:0;border-radius:50%;cursor:pointer;background:transparent;color:var(--ink-2,#5B6478);
  font:0/0 a}
.oc-close::before,.oc-close::after{content:"";position:absolute;left:11px;top:17px;width:14px;height:2px;border-radius:1px;background:currentColor;transform:rotate(45deg)}
.oc-close::after{transform:rotate(-45deg)}
.oc-close:hover{background:var(--surface-2,#EEF1F6)}
footer [data-privacy-choices]{display:inline-flex;align-items:center;min-height:32px;cursor:pointer}
/* phones: compact card, and the landing's sticky CTA dock (#dock) rides above the open banner instead of under it —
   both stay usable; a hidden dock stays out of sight behind it */
@media (max-width:719px){
  .oc{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  .oc-card{max-width:none;padding:16px 16px 14px;font-size:14px;line-height:1.45}
  .oc-title{font-size:16px;margin-bottom:4px}
  .oc-actions{margin-top:12px;gap:8px}
  html.oc-open .dock{bottom:calc(var(--oc-h,0px) + 22px + env(safe-area-inset-bottom,0px))}
  html.oc-open .dock:not(.show){visibility:hidden}
}
@media (min-width:720px){.oc{left:24px;right:auto;bottom:24px}}
@media (prefers-reduced-motion:no-preference){.oc:not([hidden]) .oc-card{animation:oc-in 220ms cubic-bezier(.2,.8,.2,1)}}
@keyframes oc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media print{.oc{display:none}}