/* Measured history (measured.js). Charts sit on the deep-charcoal visualization surface, like the 3D view. */
.measured{margin-top:34px;padding:30px;border-radius:8px;background:var(--deep);color:#d5dde3}
.measured h2,.measured h3,.measured h4{color:#fff}
.measured .eyebrow{color:var(--lime);font-size:10px}
.measured-head h2{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.04em;line-height:1.1;margin:6px 0 10px;font-weight:650}
.measured-takeaway{max-width:860px;font-size:15px;line-height:1.6;color:#d5dde3}
.measured-replay{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;gap:10px 16px;align-items:center;margin:24px 0 16px;padding:14px 16px;border:1px solid #353f47;border-radius:6px;background:#262e34}
.measured-replay label{font-size:12px;font-weight:650;color:#fff;white-space:nowrap}
.measured-replay output{display:inline-block;min-width:76px;margin-left:6px;color:var(--inject);font-variant-numeric:tabular-nums}
.measured-replay input[type=range]{width:100%;accent-color:var(--inject)}
.measured-replay button{background:#20262b;color:#fff;border-color:#59646d}
.measured-replay button:hover:not(:disabled){background:#2f393f;border-color:var(--inject)}
.measured-replay button[aria-pressed=true],.measured-replay button[aria-pressed=true]:hover:not(:disabled){background:var(--inject);color:var(--deep);border-color:var(--inject)}
.measured-replay .measured-note{grid-column:1/-1}
.measured-note{font-size:12px;line-height:1.6;color:#9aa7b1}
.measured-card{position:relative;margin-top:16px;padding:18px;border:1px solid #353f47;border-radius:6px;background:#262e34}
.measured-card h3{font-size:15px;font-weight:650;margin-bottom:10px}
.measured-card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.measured-card-head h3{margin:0}
.metric-tabs{display:flex;gap:4px}
.metric-tabs button{min-height:32px;padding:6px 10px;background:#20262b;color:#d5dde3;border-color:#59646d}
.metric-tabs button:hover:not(:disabled){background:#2f393f;border-color:var(--inject)}
.metric-tabs button[aria-pressed=true]{background:#fff;color:var(--deep);border-color:#fff}
.measured-chart,.barcode{width:100%;overflow:hidden}
.measured-chart svg,.barcode svg{display:block;width:100%;height:auto;touch-action:pan-y}
.chart-grid{stroke:#353f47;stroke-width:1}
.chart-tick{fill:#9aa7b1;font-size:11px;font-family:var(--sans)}
.chart-phase{fill:#d5dde3;font-size:10.5px;font-weight:650;font-family:var(--sans)}
.chart-cursor{stroke:#fff;stroke-width:1;stroke-dasharray:3 3;opacity:.8}
.bar-label{fill:#d5dde3;font-size:11px;font-family:var(--sans)}
.bar-cursor{fill:none;stroke:#fff;stroke-width:1.2}
.barcode-title{margin-top:18px}
.measured-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:11.5px;color:#d5dde3;line-height:1.5}
.measured-legend span{display:inline-flex;align-items:center;gap:6px}
.measured-legend .legend-note{color:#9aa7b1;flex-basis:100%}
.measured-legend .swatch{display:inline-block;width:18px;height:3px;border-radius:2px}
.measured-legend .swatch.band{height:10px;background:rgba(100,198,243,.3)}
.measured-legend .cell{display:inline-block;width:12px;height:12px;border-radius:2px}
.cell.produce{background:#a4d929}.cell.hold{background:#3c474f;outline:1px solid #59646d}.cell.inject{background:#64c6f3}.cell.unknown{background:rgba(89,100,109,.45)}
.measured-tip{position:absolute;z-index:5;max-width:280px;padding:8px 10px;border-radius:5px;background:#fff;color:var(--deep);box-shadow:0 6px 18px rgba(0,0,0,.35);font-size:12px;line-height:1.45;pointer-events:none;display:flex;flex-direction:column}
.measured-tip strong{font-size:12px}
.measured-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.measured-grid .measured-card{margin-top:16px}
.table-wrap{overflow-x:auto}
#measuredPhases{width:100%;border-collapse:collapse;font-size:12px;line-height:1.45}
#measuredPhases th,#measuredPhases td{padding:7px 8px;border-bottom:1px solid #353f47;text-align:left;vertical-align:top}
#measuredPhases thead th{color:#9aa7b1;font-weight:600;font-size:11px;white-space:nowrap}
#measuredPhases tbody th{color:#fff;min-width:130px}
#measuredPhases small{display:block;margin-top:2px;font-weight:400;font-size:11px;color:#9aa7b1;white-space:normal}
#measuredPhases td.dates{white-space:nowrap}
#measuredPhases td.num small{text-align:right}
#measuredPhases td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#measuredPhases .note-row td{color:#9aa7b1;font-size:11.5px;border-bottom-color:#353f47;padding-top:0}
.pressure-ladder{display:flex;flex-direction:column;gap:10px}
.p-row{display:grid;grid-template-columns:minmax(120px,1.1fr) minmax(90px,1fr) auto;gap:10px;align-items:center;font-size:12px}
.p-label{color:#d5dde3;line-height:1.35}
.p-value{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.p-track{position:relative;height:12px;border-radius:3px;background:#20262b}
.p-fill{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:#9aa7b1}
.p-fill.above{background:var(--inject)}.p-fill.below{background:#9aa7b1}
.is-mmp .p-fill{background:var(--lime)}
.is-mmp .p-label,.is-mmp .p-value{color:var(--lime)}
.p-mmp{position:absolute;top:-4px;bottom:-4px;width:0;border-left:1.5px dashed var(--lime)}
.claims{display:flex;flex-direction:column;gap:16px;margin-top:12px}
.claim-group h4{font-size:12.5px;font-weight:650;margin-bottom:8px;color:#fff}
.claim-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.claim{padding:12px;border-radius:5px;background:#20262b;border:1px solid #353f47;font-size:12px;line-height:1.5}
.claim.testimony{border-color:var(--lime)}
.claim-kind{display:inline-block;padding:2px 7px;border-radius:10px;background:#353f47;color:#fff;font-size:10.5px;font-weight:650;letter-spacing:.02em}
.claim.testimony .claim-kind{background:var(--lime);color:var(--deep)}
.claim-value{display:block;margin:8px 0 4px;font-size:20px;color:#fff;letter-spacing:-.02em}
.claim p{margin-top:4px;color:#d5dde3}
.claim .claim-by{color:#9aa7b1}
.claim .claim-source{color:#9aa7b1;font-size:11px}
.claim .claim-source a{color:var(--inject)}
.events{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.events li{display:grid;grid-template-columns:1fr;gap:4px 16px;padding-bottom:10px;border-bottom:1px solid #353f47;font-size:12.5px;line-height:1.55}
.events time{color:var(--inject);font-weight:650}
.events small{color:#9aa7b1;font-size:11px}
.measured-source{margin-top:18px;font-size:11px;line-height:1.7;color:#9aa7b1;max-width:980px}
@media(max-width:900px){
  .measured{padding:20px 16px;margin-top:24px}
  .measured-grid{grid-template-columns:1fr}
  .measured-replay{grid-template-columns:1fr}
}