/* Cookie consent banner (js/consent.js). One line of text, Accept and Decline of equal weight. */
.cc { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 80; max-width: 720px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 12px 14px; background: var(--cc-bg); color: var(--cc-fg); border: 1px solid var(--cc-line); border-radius: 10px; box-shadow: 0 6px 24px rgba(0, 0, 0, .16); font: 400 13.5px/1.45 var(--cc-font, inherit); }
.cc[hidden] { display: none; }
.cc-text { margin: 0; flex: 1 1 260px; }
.cc-text a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.cc-actions { display: flex; gap: 8px; flex: 0 0 auto; }
.cc-btn { font: inherit; font-weight: 600; min-height: 40px; padding: 8px 18px; border-radius: 8px; border: 1px solid var(--cc-fg); background: transparent; color: var(--cc-fg); cursor: pointer; }
.cc-btn:hover { background: var(--cc-fg); color: var(--cc-bg); }
.cc-btn:focus-visible, .cc-text a:focus-visible { outline: 2px solid var(--cc-accent); outline-offset: 2px; }
@media (max-width: 480px) { .cc { left: 8px; right: 8px; bottom: 8px; } .cc-actions { width: 100%; } .cc-btn { flex: 1; } }
.cc { --cc-bg: var(--paper, #FCFAF5); --cc-fg: var(--ink, #141A2E); --cc-line: var(--sepia, #E3D9C6); --cc-accent: var(--saffron, #C8791B); --cc-font: var(--font-text, inherit); }