/* Cookie consent banner — shared across all pages. Hidden by default (and by the [hidden] attribute) so a JS failure never leaves it stuck open; dgc-analytics-gate.js reveals it only when no choice has been recorded yet. */ .dgc-notice-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: var(--dg-ink); color: var(--dg-paper); border-top: var(--bw-rule) solid var(--dg-red); padding: 20px var(--sp-10); display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .dgc-notice-bar[hidden] { display: none; } /* Reserve space so the fixed banner never covers page content while it's showing; dgc-analytics-gate.js toggles this on . */ body.dgc-notice-open { padding-bottom: 100px; } @media (max-width: 720px) { body.dgc-notice-open { padding-bottom: 160px; } } .dgc-notice-bar p { margin: 0; max-width: 640px; font-size: var(--text-body-sm); line-height: var(--lh-body); color: var(--dg-n-200); } .dgc-notice-bar p a { color: var(--dg-paper); text-decoration: underline; } .dgc-notice-actions { display: flex; gap: 12px; flex: none; } .dgc-notice-actions button { font-family: var(--font-condensed); font-weight: 700; font-size: var(--text-label); letter-spacing: var(--ls-label); text-transform: uppercase; padding: 10px 20px; border: 2px solid transparent; cursor: pointer; } #dgc-notice-decline { background: transparent; color: var(--dg-paper); border-color: var(--dg-n-600); } #dgc-notice-decline:hover { border-color: var(--dg-paper); } #dgc-notice-accept { background: var(--dg-red); color: var(--dg-paper); border-color: var(--dg-red); } #dgc-notice-accept:hover { background: var(--dg-red-ink); border-color: var(--dg-red-ink); } @media (max-width: 720px) { .dgc-notice-bar { padding: 16px var(--sp-6); } .dgc-notice-actions { width: 100%; justify-content: stretch; } .dgc-notice-actions button { flex: 1; } }