/* ============================================================
   14-caliper.css
   右下に固定されたノギス風スクロール表示
   読み込み順は index.html の <link> の並びが正。順番を変えると見た目が変わる。
   ============================================================ */
.caliper{
  position:fixed;right:18px;bottom:18px;z-index:200;
  background:var(--navy);color:var(--yellow);
  font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.08em;
  padding:9px 15px;border-radius:12px;
  box-shadow:0 10px 24px rgba(7,21,78,.42),inset 0 0 0 1.5px rgba(245,197,24,.35);
  display:flex;align-items:center;gap:10px;pointer-events:none;
}
.caliper .lcd-label{font-size:.54rem;letter-spacing:.18em;color:#9fabde;line-height:1.4;text-align:left}
.caliper .lcd-value{min-width:7.5ch;text-align:right}
.caliper .unit{color:#9fabde;font-size:.64rem}