/* Uses the site's existing colour tokens, including on service pages. */
.measurement-choice {
  position: relative;
  inline-size: calc(100% - 32px);
  max-inline-size: 900px;
  margin: 16px auto;
  padding: 16px;
  background: var(--bg-card);
  color: var(--text);
  border: 1px solid var(--line-3);
  border-radius: 16px;
  box-shadow: var(--shadow-lg);
  font: inherit;
  font-size: 16px;
  line-height: 1.7;
  text-align: start;
}
.measurement-choice[hidden] { display: none; }
.measurement-choice h2 { font-size: 20px; line-height: 1.3; margin-block: 0 8px; }
.measurement-choice p { margin-block: 0 12px; }
.measurement-choice summary { cursor: pointer; min-block-size: 44px; padding-block: 8px; color: var(--gold-ink); text-decoration: underline; }
.measurement-choice summary:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.measurement-choice a { display: inline-block; min-block-size: 24px; padding-block: 2px; color: var(--gold-ink); text-decoration: underline; }
.measurement-choice__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block-start: 16px; }
.measurement-choice button {
  font: inherit;
  font-size: 16px;
  line-height: 1.7;
  min-block-size: 44px;
  padding: 8px 14px;
  border: 1px solid var(--gold);
  border-radius: 10px;
  background: var(--bg-card);
  color: var(--text);
  cursor: pointer;
}
.measurement-choice button { flex: 1; }
.measurement-choice button:hover { background: var(--bg-soft); }
.measurement-choice button:focus-visible, .measurement-choice a:focus-visible, .measurement-settings:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.measurement-settings { display: inline-flex; align-items: center; min-block-size: 44px; padding: 0; border: 0; background: none; color: var(--text-2); font: inherit; font-size: 16px; line-height: 1.7; text-decoration: underline; text-align: start; cursor: pointer; }
.measurement-settings:hover { color: var(--text); }
.measurement-footer { padding: 24px; text-align: center; }
.measurement-policy { max-inline-size: var(--maxw-read); margin-inline: auto; padding: 32px 24px 110px; font-size: 16px; line-height: 1.7; }
.measurement-policy h1 { font-size: clamp(28px, 5vw, 44px); line-height: 1.3; }
.measurement-policy h2 { font-size: 24px; line-height: 1.4; margin-block: 28px 12px; }
.measurement-policy a { display: inline-block; min-block-size: 24px; padding-block: 2px; color: var(--gold-ink); text-decoration: underline; }