.measurement-controls {
  margin: 1.5rem auto;
  padding: 1rem;
  max-width: 72rem;
  color: var(--ink, #173b32);
  background: var(--cream, #f7f5ee);
  border: 1px solid var(--border, #c6d3cc);
  border-radius: 12px;
  font: inherit;
}
.measurement-controls p {
  margin: 0 0 0.75rem;
}
.measurement-controls div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.measurement-controls button {
  min-height: 44px;
  padding: 0.6rem 1rem;
  border: 1px solid currentColor;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.measurement-controls button[aria-pressed="true"] {
  background: #173b32;
  color: #fff;
}
.measurement-controls button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.measurement-controls :focus-visible {
  outline: 3px solid #a95730;
  outline-offset: 3px;
}