/* 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; } }

/* Fixed-source comparison; adapt Kit 1g result cards and Web Elements 05. */
.false-precision-article, .precision-lab, .precision-result { overflow-wrap: anywhere; }
.precision-lab select { max-width: 100%; min-width: 0; }
.precision-metrics { display: grid; gap: .85rem; margin: .8rem 0 0; }
.precision-metrics div { min-width: 0; }
.precision-metrics dt { font-size: .92rem; }
.precision-metrics dd { margin: .2rem 0 0; font-family: var(--mono); color: var(--parchment); }
.precision-lab select:disabled { opacity: 1; }
.precision-table-scroll:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }

.precision-result { container-type: inline-size; }
.precision-result output { display: flex; flex-wrap: wrap; column-gap: .35em; font-size: clamp(.75rem, 12cqi, 2rem); }
.precision-result output span { font: inherit; }
.precision-result .precision-number { white-space: nowrap; }
@media (max-width: 40rem) {
  .precision-page .page-hero h1 { font-size: clamp(1.5rem, 12vw, 3rem); overflow-wrap: normal; }
  .precision-lab { padding-inline: .65rem; }
  .precision-result { padding-inline: .5rem; }
}