/* designedby consent banner (Oct 13, 2026). Bottom-left card, clear of the chat
   launcher (bottom-right). Reject and Accept look identical on purpose: EU/UK
   regulators require refusing to be as easy as accepting. Not a cookie wall. */
.dba-consent {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 950;
  width: min(380px, calc(100vw - 32px));
  padding: 20px;
  border-radius: 14px;
  background: var(--paper, #f2f2f0);
  color: var(--ink, #1a1a1a);
  border: 1px solid color-mix(in srgb, var(--ink, #1a1a1a) 14%, transparent);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .14);
  font-family: "Inter Tight", system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.45;
  animation: dba-consent-in .35s ease both;
}
.dba-consent_title { margin: 0 0 6px; font-weight: 600; font-size: 16px; }
.dba-consent_text, .dba-consent_note { margin: 0 0 14px; text-wrap: pretty; }
.dba-consent_note { color: var(--muted, #6e6e6c); font-size: 14px; }
.dba-consent_text a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.dba-consent_text a:hover { color: var(--hover, #b70000); }
.dba-consent_actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dba-consent_btn {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: var(--ink, #1a1a1a);
  color: var(--paper, #f2f2f0);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}
.dba-consent_btn:hover { background: var(--hover, #b70000); color: var(--hover-ink, #fff); }
.dba-consent_btn:focus-visible { outline: 2px solid var(--ink, #1a1a1a); outline-offset: 3px; }
/* Footer "Cookie settings" is a button styled like the other legal links. */
button.dba-consent_link { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; }

html[data-theme="night"] .dba-consent { border-color: rgba(243, 241, 236, .14); box-shadow: 0 12px 40px rgba(0, 0, 0, .5); }
html[data-theme="night"] .dba-consent_btn { background: #B1893A; color: #191919; }
html[data-theme="night"] .dba-consent_btn:hover { background: var(--hover-strong, #D4AE5C); color: #191919; }
html[data-theme="night"] .dba-consent_btn:focus-visible { outline-color: #B1893A; }

@media (max-width: 767px) {
  .dba-consent { left: 12px; right: 12px; bottom: 12px; width: auto; padding: 18px; }
}
@keyframes dba-consent-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .dba-consent { animation: none; } }
@media print { .dba-consent { display: none; } }