.ga4-preferences { display:block; margin:0 auto; padding:20px 24px 40px; max-width:1200px; }
.ga4-preferences button { background:transparent; border:0; color:var(--ink,#171717); text-decoration:underline; text-underline-offset:4px; padding:8px; font:inherit; cursor:pointer; }
.ga4-consent { position:fixed; z-index:150; right:24px; bottom:24px; width:min(460px,calc(100% - 32px)); box-sizing:border-box; padding:24px; background:var(--paper,#fff); color:var(--ink,#171717); border:1px solid var(--line,#dedfd8); border-radius:12px; box-shadow:0 12px 36px #0002; max-height:70vh; overflow:auto; scrollbar-width:auto; scrollbar-color:#60635c #fff; }
.ga4-consent[hidden] { display:none; }
.ga4-consent h2 { font:inherit; font-size:1.25rem; font-weight:700; line-height:1.4; margin:0 0 12px; }
.ga4-consent p { font:inherit; font-size:.9rem; line-height:1.65; margin:0 0 14px; }
.ga4-consent-actions { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.ga4-consent button { font:inherit; min-height:44px; flex:1; padding:10px 14px; border:1px solid currentColor; border-radius:8px; background:transparent; color:inherit; cursor:pointer; }
.ga4-consent button[data-ga4-choice="granted"] { background:var(--gold,#f6bd16); color:#171717; }
.ga4-consent button:disabled { opacity:.5; cursor:not-allowed; }
.ga4-consent a { color:inherit; text-decoration:underline; text-underline-offset:4px; }
.ga4-consent button:focus-visible,.ga4-consent a:focus-visible,.ga4-preference-button:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
@media(max-width:600px) { .ga4-consent { right:16px; bottom:16px; padding:20px; max-height:calc(100dvh - 32px); } }