.ck-measurement[hidden] { display: none; }
.ck-measurement {
    position: fixed; right: 20px; bottom: 20px; z-index: 9200; display: grid; gap: 14px;
    width: min(390px, calc(100vw - 40px)); padding: 16px; color: #262626; background: #fff;
    border: 1px solid #ddd; border-radius: 12px; box-shadow: 0 8px 28px #0002;
    font: inherit;
}
.ck-measurement h2 { margin: 0 0 4px; font-size: 17px; font-weight: 700; }
.ck-measurement p { margin: 0; font-size: 13px; line-height: 1.45; }
.ck-measurement a { text-decoration: underline; color: inherit; }
.ck-measurement-actions { display: flex; justify-content: flex-end; gap: 8px; }
.ck-measurement button, .ck-measurement-policy button {
    padding: 7px 14px; min-height: 38px; border: 1px solid #ccc; border-radius: 7px;
    background: #f7f7f7; color: #262626; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
}
.ck-measurement button[data-ck-measurement="granted"] { background: #a43d07; border-color: #a43d07; color: #fff; }
.ck-measurement-policy { max-width: 1120px; margin: 12px auto; padding-inline: 20px; }
@media (max-width: 768px) {
    .ck-measurement { inset: auto 12px max(76px, env(safe-area-inset-bottom)) 12px; width: auto; }
}