.hb-consent { position: fixed; inset: auto 16px 16px; z-index: 1000; margin: auto; max-width: 1120px; box-sizing: border-box; display: flex; align-items: center; gap: 24px; padding: 20px 24px; border: 1px solid var(--border, #777); border-radius: 16px; background: var(--surface, #fff); color: var(--text, #222); box-shadow: 0 8px 40px #0003; font: 16px/1.5 var(--font-body, sans-serif); }
.hb-consent h2 { font: 700 20px/1.3 var(--font-display, sans-serif); margin: 0 0 8px; }
.hb-consent p { margin: 0; }
.hb-consent a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; color: inherit; }
.hb-consent__actions { display: flex; gap: 8px; flex-shrink: 0; }
.hb-consent button { min-height: 44px; padding: 8px 16px; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: inherit; font: 600 14px/1.4 var(--font-body, sans-serif); cursor: pointer; }
.hb-consent button:first-child { background: var(--brand-ink, #222); color: var(--brand-on-accent, #fff); }
.hb-consent :focus-visible { outline: 3px solid var(--brand-green, #268d5e); outline-offset: 3px; }
@media (max-width: 700px) { .hb-consent { display: block; padding: 16px; inset: auto 12px 12px; } .hb-consent__actions { margin-top: 12px; flex-wrap: wrap; } }
@media (prefers-color-scheme: dark) { .hb-consent { background: var(--surface, #202326); color: var(--text, #fff); } }