.flow-results { position: relative; }
.flow-line { display: grid; grid-template-columns: repeat(4, 1fr); gap: .5rem; margin: .25rem 0 1.25rem; }
.flow-line div { position: relative; padding: .75rem .5rem; border-block: 1px solid var(--line); text-align: center; }
.flow-line div:not(:last-child)::after { content: "→"; position: absolute; right: -.45rem; color: var(--orange); }
.flow-line span { display: block; color: var(--muted); font-size: .68rem; }
.flow-line strong { display: block; margin-top: .25rem; font-family: "Manrope", sans-serif; font-size: .9rem; }
.total-project-reading { margin-top: 1rem; padding: 1rem; border: 1px solid rgba(72,213,173,.28); border-radius: 14px; background: rgba(72,213,173,.06); }
.total-project-reading p { margin: 0; color: var(--muted); font-size: .82rem; }
.total-project-reading strong { color: var(--mint); }
@media (max-width: 620px) { .flow-line { grid-template-columns: 1fr 1fr; } .flow-line div::after { display: none; } }