/* Approved fluency progression. Scoped to this block. */
.fluency-rationale{background:#fff;color:#11110f;border:0;border-radius:12px;padding:28px 30px 25px;margin:30px 0 38px;box-sizing:border-box}
.fluency-rationale *{box-sizing:border-box}
.fluency-rationale h3{font:500 38px/1.08 'FluencySpirit',serif;letter-spacing:-.4px;margin:0}
@font-face{font-family:FluencySpirit;src:url('/assets/new-spirit-condensed-medium.otf') format('opentype');font-weight:500;font-display:swap}
.fluency-rationale .flow{display:grid;grid-template-columns:1fr 52px 1.12fr 52px 1.38fr;gap:18px;align-items:start;margin-top:25px}
.fluency-rationale .flow article{border:0;margin:0;padding:0;min-width:0}
.fluency-rationale .flow h4{font:400 17px/1.3 Indivisible,Arial,sans-serif;color:#55554a;margin:0 0 12px}
.fluency-rationale .flow p{font:400 20px/1.42 Indivisible,Arial,sans-serif;margin:0;max-width:none}
.fluency-rationale strong,.fluency-rationale .climax{font-weight:500}
.fluency-rationale .flow article:first-child p strong{font-size:24px;line-height:1.2}
.fluency-rationale .connector{width:44px;height:38px;object-fit:contain;margin-top:40px}
.fluency-rationale .flow .result{background:#fae264;border-radius:8px;padding:19px 22px;margin-top:-19px}
.fluency-rationale .flow .result h4{color:#11110f}
.fluency-rationale .climax{display:block;margin-top:13px;font-size:24px;line-height:1.18}
.fluency-rationale .finish{font:400 22px/1.35 Indivisible,Arial,sans-serif;margin:25px 0 0;padding-top:20px;border-top:1px solid #d9d9cf;max-width:none}
@media(max-width:1000px){.fluency-rationale{padding:24px 22px}.fluency-rationale .flow{grid-template-columns:1fr 30px 1.12fr 30px 1.38fr;gap:12px}.fluency-rationale .flow p{font-size:18px}.fluency-rationale .connector{width:28px}.fluency-rationale .flow article:first-child p strong{font-size:21px}.fluency-rationale .climax{font-size:22px}.fluency-rationale .flow .result{padding:17px}}
@media(max-width:700px){.fluency-rationale{padding:24px 22px;border-radius:10px;margin:26px 0 29px}.fluency-rationale h3{font-size:32px;line-height:1.1}.fluency-rationale .flow{display:flex;flex-direction:column;gap:0;margin-top:23px}.fluency-rationale .flow h4{font-size:15px;margin-bottom:9px}.fluency-rationale .flow p{font-size:18px;line-height:1.4}.fluency-rationale .connector{transform:rotate(90deg);width:32px;height:30px;margin:15px 0 18px}.fluency-rationale .flow .result{margin:0 -10px;padding:18px 20px;width:calc(100% + 20px)}.fluency-rationale .climax{font-size:22px;line-height:1.2;margin-top:12px}.fluency-rationale .finish{font-size:20px;margin-top:21px;padding-top:19px}}

/* Same descriptive tag hierarchy as the preceding difference block. */
.fluency-rationale .fluency-kicker{font:500 15px/1.4 Indivisible,Arial,sans-serif;margin:0 0 20px}
@media(max-width:700px){.fluency-rationale .fluency-kicker{font-size:14px;margin-bottom:16px}}