/* GENERATED from web-assets/figures/oksir-decline/oksir-decline.css (7e9668f57213). Edit the source there, then run figures/sync.mjs. */
/* OKSIR decline (V-12). The drawing's rules, coloured and sized by custom properties so each site
   themes it without forking it. Per-figure --ok-* properties win; otherwise the shared chart tokens
   (--ch-*, the m3agtech.com chart card) apply; otherwise the light-card values below. Set any of
   them on the svg or an ancestor, and change the --ok-fs-* sizes in a site's own phone query.
   Layout (height caps, max-height) stays with the site. */
svg.ok { display: block; width: 100%; height: auto; }
.ok text { font-family: inherit; }
.ok__grid line { stroke: var(--ok-grid, var(--ch-grid, rgba(20,83,94,.16))); stroke-width: 1.2; }
.ok__a { fill: var(--ok-fill, var(--ch-fill-1, rgba(42,161,170,.16))); stroke: var(--ok-stroke, var(--ch-stroke, #14535e)); stroke-width: 2; }
.ok__a--hi { fill: var(--ok-fill-hi, var(--ch-fill-2, rgba(42,161,170,.5))); }
.ok__sw { fill: var(--ok-fill, var(--ch-fill-1, rgba(42,161,170,.16))); stroke: var(--ok-stroke, var(--ch-stroke, #14535e)); stroke-width: 1.6; }
.ok__sw--hi { fill: var(--ok-fill-hi, var(--ch-fill-2, rgba(42,161,170,.5))); stroke: none; }
.ok__n { fill: var(--ok-ink, var(--ch-ink, #14535e)); font-size: var(--ok-fs-n, 15px); font-weight: 700; }
.ok__m { fill: var(--ok-muted, var(--ch-muted, #4f6a70)); font-size: var(--ok-fs-m, 13px); letter-spacing: 1.1px; font-variant-numeric: var(--ok-nums, tabular-nums); }
.ok__k { fill: var(--ok-muted, var(--ch-muted, #4f6a70)); font-size: var(--ok-fs-k, 11.5px); }
.ok__k--hi { fill: var(--ok-ink-hi, var(--ok-ink, var(--ch-ink, #14535e))); font-size: var(--ok-fs-hi, 14.5px); font-weight: var(--ok-fw-hi, 700); }
.ok__ax { fill: var(--ok-axis, var(--ok-muted, var(--ch-muted, #4f6a70))); font-size: var(--ok-fs-ax, 12px); font-variant-numeric: var(--ok-nums, tabular-nums); }
.ok__ref { stroke: var(--ok-ref, var(--ch-ref, rgba(20,83,94,.35))); stroke-width: 1.2; stroke-dasharray: 5 5; }
.ok__ref-t { font-size: var(--ok-fs-ref, 10px); }
/* The finished chart is the markup; the wipe only narrows it. A print that never fires beforeprint
   still gets the whole chart. */
@media print { .ok__wipe { width: 324px !important; } .ok__lg, .ok__end { opacity: 1 !important; } }