.meta-consent[hidden] { display: none; }
.meta-consent { position: fixed; z-index: 2147483647; left: 16px; right: 16px; bottom: 16px; max-width: 680px; margin: 0 auto; padding: 20px; background: #151515; color: #fff; border: 1px solid #777; border-radius: 8px; box-shadow: 0 6px 28px #0005; font: 15px/1.5 system-ui, sans-serif; }
.meta-consent p { margin: 0 0 14px; }
.meta-consent div { display: flex; flex-wrap: wrap; gap: 12px; }
.meta-consent button { padding: 10px 16px; border: 1px solid #aaa; border-radius: 4px; background: #fff; color: #151515; cursor: pointer; font: inherit; }
.meta-preferences { background: transparent; color: inherit; border: 0; text-decoration: underline; cursor: pointer; padding: 10px; font: inherit; }
.meta-consent button:focus-visible, .meta-preferences:focus-visible { outline: 3px solid #f9a600; outline-offset: 3px; }
.meta-consent a { color: inherit; text-decoration: underline; }
.meta-consent .meta-consent-options { display: grid; gap: 10px; margin: 0 0 16px; padding: 14px 16px; border: 1px solid #555; border-radius: 6px; }
.meta-consent .meta-consent-options[hidden] { display: none; }
.meta-consent legend { padding: 0 6px; font-weight: 600; }
.meta-consent label { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 14px; color: #ddd; }
.meta-consent label input { width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: #f9a600; }
.meta-consent label strong { display: block; color: #fff; }
.meta-consent .meta-consent-actions button[hidden] { display: none; }
.meta-legal { display: inline-flex; flex-wrap: wrap; gap: 4px 18px; padding: 10px; font-size: 13px; }
.meta-legal a { color: inherit; text-decoration: underline; }
.meta-preferences.meta-preferences-inline { display: inline; padding: 0; font-size: inherit; color: inherit; text-decoration: underline; vertical-align: baseline; }