.page-head { display: flex; flex-direction: column; gap: 10px; padding: 20px 4px 0; }
.stats { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.calib { display: flex; flex-direction: column; gap: 18px; }
.calib__row { display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 12px; align-items: center; }
.calib__track { position: relative; height: 26px; }
.calib__track::before { content: ""; position: absolute; left: 0; right: 0; top: 12px; height: 2px; background: var(--c-track); border-radius: 1px; }
.calib__fill { position: absolute; top: 9px; height: 8px; left: 0; border-radius: 4px; background: var(--c-accent); }
.calib__promise { position: absolute; top: 3px; width: 2px; height: 20px; margin-left: -1px; background: var(--c-text); border-radius: 1px; }
.calib__vals { display: flex; justify-content: space-between; font-size: 12px; color: var(--c-text-2); margin-top: 2px; }
.legend-row { display: flex; gap: 16px; flex-wrap: wrap; font-size: 13px; color: var(--c-text-2); }
.legend-row span { display: inline-flex; align-items: center; gap: 6px; }
.miss { display: flex; flex-direction: column; gap: 4px; padding: 14px 0; border-top: 1px solid var(--c-line); }
.miss:first-child { border-top: 0; padding-top: 0; }
.miss__line { display: flex; justify-content: space-between; gap: 12px; }
@media (min-width: 1024px) { .page-head { padding: 0; max-width: 760px; } .stats { grid-template-columns: repeat(4, minmax(0,1fr)); } }