.nox-measurement[hidden] { display: none !important; }
.nox-measurement {
  padding: 0.8rem clamp(1rem, 4vw, 4rem);
  background: #121b25;
  border-top: 1px solid #625b50;
  color: #f3efe6;
  font: 0.95rem/1.6 system-ui, sans-serif;
}
.nox-measurement summary {
  width: fit-content;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.nox-measurement p { margin: 0.5rem 0; max-width: 65ch; }
.nox-measurement a { color: inherit; text-decoration: underline; }
.nox-measurement-actions { display: flex; flex-wrap: wrap; gap: 0.65rem; }
.nox-measurement button {
  appearance: none;
  padding: 0.45rem 0.75rem;
  border: 1px solid #b8a78c;
  background: transparent;
  color: inherit;
  font: inherit;
  min-height: 2.75rem;
  cursor: pointer;
}
.nox-measurement button[aria-pressed="true"] { border-width: 2px; padding: calc(0.45rem - 1px) calc(0.75rem - 1px); }
.nox-measurement :focus-visible { outline: 2px solid #f5ce81; outline-offset: 3px; }