/* Banner for assets/consent.js. Same tokens as the pages; amber is not used. */
.consent { position: fixed; z-index: 50; left: 16px; right: 16px; bottom: 16px; max-width: 460px; background: #fff; color: #0b2526;
  border: 1px solid #e4e4e7; border-radius: 14px; padding: 20px; font: 400 15px/1.5 Inter, ui-sans-serif, system-ui, sans-serif;
  box-shadow: 0 1px 2px rgba(11,37,38,.06), 0 12px 32px -12px rgba(11,37,38,.28); }
.consent:focus { outline: none; }
.consent h2 { margin: 0 0 8px; font: 700 18px/1.25 Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: -.01em; }
.consent p { margin: 0 0 10px; }
.consent .consent-more { font-size: 14px; }
.consent a { color: #097879; }
.consent-actions { display: flex; gap: 10px; margin-top: 14px; }
.consent-btn { flex: 1; font: 600 15px/1 Inter, ui-sans-serif, system-ui, sans-serif; padding: 13px 16px; border-radius: 10px; cursor: pointer;
  background: #fff; color: #0b2526; border: 1.5px solid #0b2526; }
.consent-btn:hover { background: #e7f6f6; }
.consent-btn:focus-visible, .consent-link:focus-visible, .consent a:focus-visible { outline: 3px solid #097879; outline-offset: 2px; }
footer nav .consent-link { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; }
footer nav .consent-link:hover { color: #097879; }
@media (min-width: 640px) { .consent { left: auto; right: 24px; bottom: 24px; } }