/* /crop-factor-calculator only: the to-scale sensor outline drawing. Scoped under #cfApp. */
#cfApp .cf-svg { width: 100%; max-width: 420px; height: auto; display: block; margin: 12px auto 4px; }
#cfApp .cf-ff { fill: none; stroke: var(--bm-ink-3); stroke-width: 1.5; stroke-dasharray: 5 4; }
#cfApp .cf-a { fill: var(--bm-accent-soft); stroke: var(--bm-accent-strong); stroke-width: 2; }
#cfApp .cf-b { fill: none; stroke: var(--bm-ink); stroke-width: 2; }
#cfApp .cf-label { fill: var(--bm-ink-2); font-size: 12px; }
#cfApp .cf-label-a { fill: var(--bm-accent-strong); font-weight: 700; font-size: 12px; }
#cfApp .cf-legend { text-align: center; }
@media (forced-colors: active) { #cfApp .cf-a { fill: none; stroke: Highlight; } #cfApp .cf-ff, #cfApp .cf-b { stroke: CanvasText; } }