/* The suite's privacy choice banner, copied verbatim from @ligant/bench-chrome 1.1.0
   src/chrome.css. */

/* ---------- privacy choice banner (./consent.js) ----------
 * The one rule outside .masthead/.site-footer: the banner is its own element,
 * inserted first in <body>. Allow and Decline share one class on purpose:
 * equal size, weight and colour is a legal requirement, not a preference. */

.lpc {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000;
  background: var(--surface, #FFFFFF);
  border-top: 1px solid var(--border-strong, #D8D2C5);
  box-shadow: 0 -4px 18px rgba(27, 42, 74, 0.08);
  color: var(--text-primary, #1B2A4A);
  font-family: var(--font, system-ui, sans-serif);
}
.lpc-inner { max-width: 780px; margin: 0 auto; padding: 16px clamp(16px, 5vw, 32px) 18px; }
.lpc-title { margin: 0 0 6px; font-size: 15px; font-weight: 600; line-height: 1.4; }
.lpc-text, .lpc-current { margin: 0 0 13px; font-size: 14px; line-height: 1.55; max-width: 68ch; color: var(--text-secondary, #4F4943); }
.lpc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 13px; }
.lpc-btn {
  min-width: 120px; padding: 9px 19px; margin: 0;
  border: 1px solid var(--text-primary, #1B2A4A); border-radius: 6px;
  background: var(--surface, #FFFFFF); color: var(--text-primary, #1B2A4A);
  font: inherit; font-size: 15px; font-weight: 600; line-height: 1.3; cursor: pointer;
}
.lpc-btn:hover { background: var(--surface-inset, #F0EBE0); }
.lpc-btn:focus-visible, .lpc-link:focus-visible { outline: 2px solid var(--brand-teal, #0D7C66); outline-offset: 2px; }
.lpc-link { font-size: 14px; color: var(--brand-teal, #0D7C66); }
@media (max-width: 400px) {
  .lpc-btn { flex: 1 1 0; min-width: 0; }
  .lpc-link { flex-basis: 100%; }
}