.ratio-chart-toolbar,.ratio-periods,.ratio-zoom{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ratio-chart-toolbar{justify-content:space-between;margin-block:18px}.investment-page #ratio-history button{min-height:42px;padding:8px 14px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface);font:inherit;cursor:pointer}.investment-page #ratio-history button[aria-pressed=true]{color:var(--text);background:var(--gold-light);border-color:var(--gold);font-weight:700}.investment-page #ratio-history button:focus-visible,#ratio-chart:focus-visible,#ratio-observation:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.ratio-chart-wrap{position:relative;min-width:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}#ratio-chart{width:100%;height:360px;min-width:0}.ratio-chart-tooltip{position:absolute;z-index:3;pointer-events:none;max-width:calc(100% - 20px);padding:12px 14px;white-space:pre-line;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;box-shadow:0 5px 20px #0002;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.6}.ratio-zoom{margin-block:12px;justify-content:flex-end}#ratio-history #ratio-observation{width:100%;margin-block:12px;accent-color:var(--gold)}#ratio-observation-value{font-size:13px;white-space:pre-line;min-height:48px;font-weight:500}#ratio-history [hidden]{display:none!important}#ratio-chart-help{margin-top:16px}#ratio-history-status{font-size:14px;min-height:44px}#ratio-history{min-width:0}@media(max-width:480px){#ratio-chart{height:290px}.investment-page #ratio-history button{padding:8px 10px;font-size:13px}.ratio-chart-toolbar{align-items:flex-start}.ratio-periods{gap:5px}.ratio-chart-tooltip{font-size:11px;padding:9px 10px}}
