/* === content-formula === */
.cfml{width:100%;background:var(--ssla-bg-color, transparent)}
.cfml-inner{max-width:800px;margin:0 auto;padding:100px 48px;text-align:center}
.cfml-equation{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:48px}
.cfml-term{text-align:center}
.cfml-letter{display:block;font-size:72px;font-weight:900;color:var(--tc);line-height:1}
.cfml-sub{display:block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--tc);margin-top:8px}
.cfml-op{font-size:36px;font-weight:300;color:var(--shell-m,#6b7280)}
.cfml-body{font-size:var(--paint-body-size, 16px);color:var(--shell-t,#1a1a1a);line-height:var(--paint-body-line-height, 1.8);max-width:600px;margin:0 auto}
.cfml-body p{margin:0}
@media(max-width:600px){.cfml-letter{font-size:48px}.cfml-equation{gap:20px}}

/* v3.12.02 — tone override classes. ssla-tone-dark inverts text
 * to read against dark bgs; ssla-tone-light inverts to read against
 * light bgs. Surgical inversion of headings/body/eyebrow; complete
 * coverage will iterate per Glenn's walks. */
.ssla-tone-dark .cfml-body{color: rgba(255, 255, 255, 0.78)}
.ssla-tone-dark .cfml-op{color: rgba(255, 255, 255, 0.5)}
.ssla-tone-light .cfml-body{color: var(--shell-t, #1a1a1a)}
.ssla-tone-light .cfml-op{color: var(--shell-m, #6b7280)}