/* oversize — the finance system at the page's own scale (1 dot = 1M records) */
.ovz{display:grid;gap:clamp(1rem,2.2vw,1.5rem)}

.ovz__top{display:flex;flex-wrap:wrap;gap:.9rem 1.4rem;align-items:center;justify-content:space-between}
.ovz__unit{display:inline-flex;align-items:center;gap:.55rem;font-size:.68rem;letter-spacing:.04em;color:var(--text-3)}
.ovz__unit i{width:.4rem;height:.4rem;border-radius:100px;background:var(--yellow);flex:none;box-shadow:0 0 10px var(--yellow)}

.ovz__ctrl{display:flex;flex-wrap:wrap;gap:.45rem}
.ovz__btn{min-height:2.5rem;gap:.55rem}
.ovz__btn .chip__dot{width:.45rem;height:.45rem;color:var(--yellow)}
.ovz__btn:last-child .chip__dot{color:var(--cyan)}
.ovz__btn[aria-pressed="true"] .chip__dot{color:var(--void);opacity:.55}

/* ------------------------------------------------------------- the field */
.ovz__stage{
  position:relative;width:100%;height:clamp(320px,34vw,470px);
  border:1px solid var(--line);border-radius:var(--radius);
  background:var(--void);overflow:hidden;
}
.ovz__cv{position:absolute;inset:0;width:100%;height:100%}

.ovz__tag{
  position:absolute;z-index:2;pointer-events:none;white-space:nowrap;
  font-size:.6rem;letter-spacing:.07em;text-transform:uppercase;line-height:1;
  padding:.3rem .45rem;border-radius:2px;background:rgba(7,8,11,.86);
  color:var(--text-3);border-left:2px solid currentColor;
}
.ovz__tag b{font-weight:600;color:currentColor;margin-right:.4rem;font-variant-numeric:tabular-nums}
.ovz__tag--lot{color:var(--yellow)}
.ovz__tag--fin{
  color:var(--cyan);right:.55rem;bottom:.55rem;
  opacity:0;transition:opacity var(--dur-3) var(--ease);
}
.ovz__stage.is-full .ovz__tag--fin{opacity:1}

/* ------------------------------------------------------------- readout */
.ovz__read{
  display:grid;gap:.5rem 1.6rem;align-items:end;
  grid-template-columns:auto auto auto;justify-content:start;
  border-top:1px solid var(--line);padding-top:1rem;
}
.ovz__cell{display:grid;gap:.4rem;min-width:0}
.ovz__cell--op{
  font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--text-4);padding-bottom:.45rem;
}
.ovz__big{
  font-weight:500;font-size:clamp(1.35rem,3.1vw,2.15rem);letter-spacing:-.035em;
  line-height:1;color:var(--text);
}
.ovz__big--y{color:var(--yellow)}
.ovz__abt{
  font-style:normal;font-size:.42em;letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-4);margin-right:.35em;vertical-align:.35em;white-space:pre;
}

.ovz__prov{
  grid-column:1/-1;font-size:.78rem;line-height:1.5;color:var(--text-3);
  border-left:2px solid var(--line-2);padding-left:.9rem;margin-top:.35rem;max-width:46rem;
}
.ovz__prov .note__tag{color:var(--text-4)}
.ovz__prov--math{border-left-color:var(--yellow)}
.ovz__prov--math .note__tag{color:var(--yellow)}

.ovz__said{font-size:.88rem;line-height:1.6;color:var(--text-2);max-width:46rem}

/* --------------------------------------------------------------- narrow */
@media (max-width:720px){
  .ovz__top{gap:.75rem}
  .ovz__ctrl{width:100%}
  .ovz__btn{flex:1 1 100%;justify-content:flex-start}
  .ovz__stage{height:clamp(360px,105vw,460px)}
  .ovz__read{grid-template-columns:1fr;gap:.85rem;justify-content:stretch}
  .ovz__cell--op{padding-bottom:0;padding-top:.1rem}
  .ovz__big{font-size:1.55rem}
  .ovz__tag{font-size:.56rem}
  .ovz__said{font-size:.85rem}
}