.site-privacy {position:fixed;z-index:100;left:var(--page-gutter);bottom:var(--space-3);width:calc(100% - 2 * var(--page-gutter));max-width:500px;max-height:calc(100dvh - 128px);overflow:auto;padding:var(--space-2);border:1px solid rgb(38 42 54 / 24%);border-radius:var(--space-2);background:var(--color-paper);color:var(--color-menu);box-shadow:0 8px 32px rgb(0 0 0 / 10%);}
.site-privacy h2 {margin:0 0 var(--space-1);font-family:var(--font-display);font-size:24px;line-height:32px;font-weight:600;}
.site-privacy p {margin:0;font-size:16px;line-height:24px;}
.site-privacy .text-link {font-size:inherit;line-height:inherit;vertical-align:bottom;}
.site-privacy__actions {display:flex;gap:var(--space-1);margin-top:var(--space-2);}
.site-privacy__actions button {flex:1;min-height:40px;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--space-1);background:var(--color-surface);font-size:16px;font-weight:600;line-height:24px;transition:background-color 200ms var(--ease-out),color 200ms var(--ease-out);}
.cookie-settings:not(.text-link) {padding:0;border:0;background:none;font:inherit;line-height:inherit;color:inherit;text-align:left;}

@media (max-width:807.98px) {.site-privacy {left:calc(var(--page-gutter) - 4px);width:calc(100% - 2 * var(--page-gutter) + 8px);bottom:var(--space-2);}}

@media (hover:hover) and (pointer:fine) {.site-privacy__actions button:hover {background:var(--color-menu);color:var(--color-paper);}}
@media (prefers-reduced-motion:reduce) {.site-privacy__actions button {transition:none;}}