/* Resources figure adapter; shared chart canvas and typography tokens. */
:root { --font-display: 'Source Sans 3', system-ui, sans-serif; }
html, body, .outer { background: var(--mv-bg) !important; }
body { display: block; padding: 0; min-height: 0; font-family: var(--font-display); }
.outer { width: 100%; min-width: 0; min-height: 0; padding: 16px; }
.card { max-width: 1100px; min-width: 0; }
.chart-wrap { height: 420px; }
.saas-figure #title, .saas-figure #chartTitle { display: none; }
.saas-figure .dl-png-btn, #dlPngBtn { display: none; }
[data-chart="selected-saas-exits"] .chart-wrap { height: 490px; }
[data-chart="selected-saas-exits"] #chartTitle { white-space: normal; }
.saas-size-cue { color: var(--mv-text-sec); font-size: 13px; margin-bottom: 8px; }
.saas-embedded .saas-controls { display: none; }
body:not(.saas-figure) .saas-controls { display: none; }
.saas-controls { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.saas-controls button { font: inherit; font-size: 13px; padding: 7px 12px; border: 1px solid var(--mv-border); border-radius: 20px; color: var(--mv-text-sec); background: var(--mv-pill-bg); cursor: pointer; }
.saas-controls button.active { color: var(--mv-blue); background: var(--mv-pill-active); border-color: var(--mv-blue); }
.saas-controls button:focus-visible { outline: 2px solid var(--mv-blue); outline-offset: 3px; }
.subtitle { font-size: 14px; margin-bottom: 18px; }
.saas-period-note { color: var(--mv-text-muted); font-size: 12px; margin-top: 10px; }
@media (max-width: 600px) { .outer { padding: 6px; } .card { padding: 20px 12px; } .chart-wrap { height: 370px; } .footer { gap: 16px; } .source { font-size: 11px; } }