.analytics-settings { display: inline-block; justify-self: start; align-self: start; padding: 8px 0; border: 0; background: transparent; color: inherit; font: 14px/1.6 var(--sans); text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.analytics-settings:hover { text-decoration-thickness: 2px; }
.analytics-consent:not([hidden]) { position: fixed; inset: auto 24px 24px; z-index: 90; display: flex; align-items: center; justify-content: space-between; gap: 32px; max-width: 1280px; margin-inline: auto; padding: 28px 32px; border: 1px solid var(--muted); background: var(--paper); color: var(--ink); box-shadow: 0 8px 36px #0002; max-height: calc(100dvh - 48px); overflow-y: auto; }
.analytics-copy { max-width: 65ch; }
.analytics-consent h2 { font: 400 25px/1.25 var(--serif); margin: 0 0 12px; }
.analytics-consent p { font: 400 14px/1.6 var(--sans); margin: 8px 0 0; }
.analytics-consent a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.analytics-actions { display: flex; flex: 0 0 auto; gap: 12px; flex-wrap: wrap; max-width: 350px; }
.analytics-actions button { min-height: 48px; padding: 12px 20px; border: 1px solid var(--ink); background: var(--paper); color: var(--ink); font: 400 14px/1.4 var(--sans); cursor: pointer; }
.analytics-actions button:hover { background: var(--line); }
.analytics-actions button:active { background: var(--v29-sand,var(--line)); }
.analytics-feedback:empty { display: none; }
.analytics-consent .analytics-preview { font-weight: 600; }
@media(max-width:900px) {
 .analytics-consent:not([hidden]) { inset: auto 12px 12px; flex-direction: column; align-items: stretch; gap: 20px; padding: 24px 20px; max-height: calc(100dvh - 24px); }
 .analytics-actions { max-width: none; }
 .analytics-actions button { flex: 1 1 140px; }
 .analytics-consent h2 { font-size: 23px; }
}