.measurement-banner[hidden] { display:none; }
.measurement-banner { position:fixed; z-index:1000; left:24px; right:24px; bottom:24px; max-width:1120px; margin:auto; background:#fffefa; color:#171817; border:1px solid #c8c2b7; box-shadow:0 10px 45px #0003; padding:24px 28px; display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; }
.measurement-banner h2 { font:500 26px/1.2 var(--display); text-transform:uppercase; margin:0 0 10px; }
.measurement-banner p { font-size:14px; line-height:1.65; max-width:670px; margin:0; }
.measurement-banner a { text-decoration:underline; text-underline-offset:3px; }
.measurement-actions { display:flex; flex-direction:column; gap:10px; min-width:190px; }
.measurement-actions button { font:600 13px var(--body); cursor:pointer; border:1px solid #171817; background:#fffefa; color:#171817; min-height:44px; padding:12px 20px; }
.measurement-actions button:hover { background:#e9e3d8; }
.measurement-actions button:focus-visible,.measurement-settings:focus-visible { outline:3px solid #ad602f; outline-offset:4px; }
.measurement-settings { cursor:pointer; background:none; border:0; padding:0; color:inherit; font:inherit; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.measurement-links { display:flex; flex-wrap:wrap; gap:14px 24px; align-items:center; }
@media(max-width:700px) {
 .measurement-banner { left:12px; right:12px; bottom:12px; padding:20px; grid-template-columns:1fr; gap:18px; max-height:calc(100dvh - 24px); overflow:auto; }
 .measurement-banner h2 { font-size:23px; }
 .measurement-banner p { font-size:13px; }
 .measurement-actions { flex-direction:row; min-width:0; }
 .measurement-actions button { flex:1; padding:12px 8px; }
}
@media print { .measurement-banner,.measurement-settings { display:none; } }