/* Consent remains in flow before the footer. Behaviour is owned by measurement.js. */
.measurement-choice { position: static; display: grid; grid-template-columns: 140px minmax(0,1fr) 125px auto; align-items: center; gap: 8px 20px; box-sizing: border-box; width: 100%; margin: 0; padding: 16px max(20px,calc((100% - 1160px)/2)); background: #f5f2ea; color: var(--bsi-navy); border: 0; border-top: 1px solid #d4cbb8; border-radius: 0; box-shadow: none; font: 400 14px/1.5 var(--bsi-font); }
.measurement-choice > h2 { grid-column: 1; grid-row: 1; margin: 0; font: 600 14px/1.35 var(--bsi-font); color: var(--bsi-navy); }
.measurement-choice > p { grid-column: 2; grid-row: 1; margin: 0; }
.measurement-choice > details { grid-column: 3; grid-row: 1; margin: 0; min-width: 0; color: var(--bsi-slate); }
.measurement-choice > details[open] { grid-column: 1/-1; grid-row: 2; }
.measurement-choice summary { display: inline-flex; align-items: center; min-height: 48px; cursor: pointer; font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
.measurement-choice details p { margin: 8px 0; max-width: 100ch; line-height: 1.65; }
.measurement-choice a { color: var(--bsi-navy); text-decoration: underline; text-underline-offset: 4px; }
.measurement-actions { grid-column: 4; grid-row: 1; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 0; }
.measurement-actions button { box-sizing: border-box; min-height: 48px; padding: 12px 16px; border-radius: var(--bsi-radius); font: 600 14px/1.4 var(--bsi-font); cursor: pointer; white-space: normal; }
.measurement-actions .measurement-decline { background: var(--bsi-cream); border: 1px solid #536079; color: var(--bsi-navy); }
.measurement-choice > .measurement-withdraw-note { grid-column: 1/-1; grid-row: 3; margin: 0; padding: 12px 16px; background: #ebe4d5; border-left: 3px solid var(--bsi-gold-dark); }
.measurement-preferences { background: transparent; border: 0; padding: 8px 0; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; text-align: left; min-height: 48px; }
.measurement-choice button:focus-visible, .measurement-choice a:focus-visible, .measurement-choice summary:focus-visible, .measurement-preferences:focus-visible { outline: 3px solid var(--bsi-focus); outline-offset: 4px; }
@media (max-width: 900px) {
  .measurement-choice { grid-template-columns: minmax(0,1fr) auto; gap: 8px 24px; }
  .measurement-choice > h2 { grid-column: 1; grid-row: 1; }
  .measurement-choice > p { grid-column: 1; grid-row: 2; }
  .measurement-choice > details { grid-column: 1; grid-row: 3; }
  .measurement-actions { grid-column: 2; grid-row: 1/4; }
  .measurement-choice > details[open] { grid-column: 1/-1; grid-row: 4; }
  .measurement-choice > .measurement-withdraw-note { grid-row: 5; }
}
@media (max-width: 600px) {
  .measurement-choice { grid-template-columns: minmax(0,1fr); padding: 16px 20px; gap: 8px; }
  .measurement-choice > h2 { grid-column: 1; grid-row: 1; }
  .measurement-choice > p { grid-column: 1; grid-row: 2; }
  .measurement-actions { grid-column: 1; grid-row: 3; width: 100%; gap: 8px; }
  .measurement-actions button { flex: 1; }
  .measurement-choice > details, .measurement-choice > details[open] { grid-column: 1; grid-row: 4; }
  .measurement-choice > .measurement-withdraw-note { grid-column: 1; grid-row: 5; }
}