/* False Precision case study: one survey, varied display precision. */
.false-precision-article { min-width: 0; }
.precision-lab {
  margin: 2rem 0;
  padding: clamp(1rem, 3vw, 1.75rem);
  border: 1px solid var(--gold);
  border-radius: 1rem;
  background: var(--midnight);
  color: var(--parchment);
}
.precision-lab h2, .precision-lab p { color: inherit; }
.precision-lab label { display: block; margin: 1.2rem 0 .4rem; font-weight: 700; }
.precision-lab select {
  width: min(100%, 21rem);
  min-height: 2.75rem;
  padding: .45rem .75rem;
  border: 2px solid var(--gold);
  border-radius: .4rem;
  background: var(--parchment);
  color: var(--ink-deep);
  font: inherit;
}
.precision-lab select:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.precision-result {
  display: grid;
  gap: .25rem;
  margin: 1.1rem 0;
  padding: 1rem;
  border-inline-start: 4px solid var(--gold);
  background: rgb(255 255 255 / 7%);
}
.precision-result span { font-size: .92rem; }
.precision-result output { color: var(--gold); font-family: var(--mono); font-size: clamp(1.45rem, 5vw, 2rem); font-weight: 600; overflow-wrap: anywhere; }
.precision-lab .precision-source { margin-bottom: 0; font-size: .95rem; }
.precision-table-scroll { max-width: 100%; overflow-x: auto; margin: 1.4rem 0; }
.precision-table { width: 100%; border-collapse: collapse; min-width: 37rem; }
.precision-table caption { padding: .6rem 0; text-align: left; font-weight: 700; }
.precision-table th, .precision-table td { padding: .7rem; border-bottom: 1px solid currentColor; text-align: left; vertical-align: top; }
.precision-table thead { background: var(--midnight); color: var(--gold); }
.precision-table tbody th { font-weight: 700; }
@media (max-width: 40rem) { .precision-table-scroll:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; } }