/* Cookie consent banner — deliberately hardcoded colors rather than var(--x),
   since this file is shared across pages whose :root palettes don't agree on
   variable names (index.html vs recipe-demo.css). */
.cookie-banner { position: fixed; left: 16px; right: 16px; bottom: 16px; max-width: 560px; margin: 0 auto;
  background: #fff; border: 1px solid #EAEAEA; border-radius: 14px; padding: 16px 18px;
  box-shadow: 0 8px 28px rgba(0,0,0,.12); z-index: 9999; font-family: 'Inter', -apple-system, sans-serif; }
.cookie-banner p { margin: 0 0 12px; font-size: 13.5px; color: #111111; line-height: 1.5; }
.cookie-banner a { color: #111111; text-decoration: underline; }
.cookie-actions { display: flex; gap: 10px; justify-content: flex-end; }
.cookie-btn { font-weight: 700; font-size: 13.5px; padding: 9px 16px; border-radius: 8px; cursor: pointer;
  border: 1.5px solid #EAEAEA; background: transparent; color: #111111; font-family: inherit; }
.cookie-btn-solid { background: #111111; border-color: #111111; color: #fff; }