.measurement-consent[hidden] { display: none; }
.measurement-consent { position: fixed; bottom: 20px; left: 20px; z-index: 100; max-width: 480px; padding: 20px; border: 1px solid #d4d9d6; border-radius: 10px; background: #fff; color: #172322; box-shadow: 0 6px 32px #0002; font-family: inherit; }
.measurement-consent h2 { font-size: 18px; line-height: 1.3; margin: 0 0 8px; }
.measurement-consent p { font-size: 14px; line-height: 1.5; margin: 0 0 12px; }
.measurement-consent details { font-size: 13px; margin: 0 0 14px; }
.measurement-consent summary { cursor: pointer; text-decoration: underline; }
.measurement-consent details p { font-size: 13px; margin-top: 8px; }
.measurement-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.measurement-actions button { flex: 1; padding: 10px 16px; border: 1px solid #172322; border-radius: 5px; background: #fff; color: #172322; font: inherit; font-size: 14px; cursor: pointer; }
.measurement-actions button:hover { background: #edf0ed; }
.measurement-actions button:focus-visible, #measurement-settings:focus-visible { outline: 3px solid #db6d37; outline-offset: 3px; }
#measurement-settings { border: 0; background: none; padding: 0; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
@media (max-width: 600px) { .measurement-consent { bottom: 12px; left: 12px; right: 12px; max-width: none; max-height: 65vh; overflow-y: auto; } }