/* In-flow controls never cover the call bar, navigation, content or FRIDAY. */
.measurement-consent {
  width: min(100% - 2rem, 70rem);
  margin: 1rem auto;
  color: #25251f;
  font-family: inherit;
}
.measurement-consent [hidden] { display: none !important; }
.measurement-panel {
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid #77776a;
  border-radius: .5rem;
  background: #f5f3eb;
}
.measurement-panel h2 {
  margin: 0 0 .65rem;
  font-family: inherit;
  font-size: 1.15rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: normal;
  text-transform: none;
}
.measurement-panel p {
  max-width: 72ch;
  margin: .5rem 0;
  font-size: 1rem;
  line-height: 1.6;
}
.measurement-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem;
  margin-top: 1rem;
}
.measurement-consent button,
.measurement-actions a {
  min-height: 44px;
  padding: .65rem 1rem;
  border: 1px solid #555549;
  border-radius: .25rem;
  color: #25251f;
  background: #fff;
  font: inherit;
  font-size: .95rem;
  line-height: 1.4;
  font-weight: 600;
  cursor: pointer;
}
.measurement-actions a {
  display: inline-flex;
  align-items: center;
  border-color: transparent;
  background: transparent;
  text-decoration: underline;
}
.measurement-consent button:hover:not(:disabled) { background: #e6e4db; }
.measurement-consent button:disabled { cursor: default; opacity: .6; }
.measurement-consent :focus-visible { outline: 3px solid #444a22; outline-offset: 3px; }
.measurement-consent .measurement-status:empty { display: none; }
@media (max-width: 420px) {
  .measurement-actions { align-items: stretch; flex-direction: column; }
  .measurement-actions button { width: 100%; }
  .measurement-actions a { justify-content: center; }
}