/* The cookie banner (Google Analytics only after Accept), on every page with it, the demo's too: build.analytics()
   links this file with the banner, so it is styled even where site.css is not loaded. */
.consent { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 50; max-width: 560px; margin: 0 auto;
  display: flex; flex-wrap: wrap; gap: 12px 16px; align-items: center; justify-content: space-between;
  background: var(--panel, #fff); color: var(--ink, var(--text, #1d1d1f)); border: 1px solid var(--line, #ddd);
  border-radius: 14px; padding: 14px 16px; box-shadow: var(--shadow, 0 6px 24px rgba(0, 0, 0, .12)); }
.consent[hidden] { display: none; }
.consent p { margin: 0; flex: 1 1 260px; font-size: .95rem; }
.consent a { color: inherit; }
.consent-buttons { display: flex; gap: 8px; }
.consent button { cursor: pointer; font: inherit; color: inherit; }
.consent .pill { border: 1px solid var(--line, #ddd); background: var(--panel, #fff); border-radius: 99px; padding: 6px 14px; }
.consent .btn-link { font-weight: 600; background: none; border: 0; }