[data-interactive="measurement-reading"] { min-width: 0; }
.article:has([data-interactive="measurement-reading"]) { max-width: 76rem; }
[data-interactive="measurement-reading"].mr-enhanced > .mr-static { display: none; }
[data-interactive="measurement-reading"] .mr-live { padding: 1rem; border: 1px solid var(--rule); background: var(--surface); }
[data-interactive="measurement-reading"] :is(select,input,button) { font: inherit; color: var(--ink); background: var(--paper); border: 1px solid var(--rule); border-radius: var(--radius-xs); padding: .55rem; min-height: 44px; max-width: 100%; }
[data-interactive="measurement-reading"] :is(select,input,button):focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
[data-interactive="measurement-reading"] label { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
[data-interactive="measurement-reading"] form { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1rem; }
[data-interactive="measurement-reading"] input { width: 9rem; }
[data-interactive="measurement-reading"] button { cursor: pointer; }
[data-interactive="measurement-reading"] .mr-drawing { overflow-x: auto; margin-block: 1rem; border: 1px solid var(--rule); }
[data-interactive="measurement-reading"] svg { display: block; width: 100%; min-width: 610px; color: var(--ink); }
[data-interactive="measurement-reading"] svg[viewBox="0 0 950 335"] { min-width: 850px; }
[data-interactive="measurement-reading"] svg line { stroke: currentColor; stroke-width: 1.4; }
[data-interactive="measurement-reading"] svg text { fill: currentColor; font: 16px var(--f-mono, monospace); }
[data-interactive="measurement-reading"] .mr-metal { fill: var(--paper); stroke: var(--ink-soft); }
[data-interactive="measurement-reading"] .mr-thimble { fill: var(--surface-2, var(--surface)); stroke: var(--ink-soft); }
[data-interactive="measurement-reading"] .mr-datum { stroke-width: 2; }
[data-interactive="measurement-reading"] .mr-feedback { border-left: 3px solid var(--accent); padding: .7rem; font-variant-numeric: tabular-nums; }
@media print {
  [data-interactive="measurement-reading"] .mr-live { display: none !important; }
  [data-interactive="measurement-reading"].mr-enhanced > .mr-static { display: block !important; }
}