.cf-preview{background:rgb(var(--subtle));border-block:1px solid rgb(var(--line))}
.cf-preview .eyebrow{color:rgb(var(--accent));margin-bottom:1.2rem}
.cf-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:2rem 0}
.cf-flow li{padding:1rem 1.8rem 1rem 0;min-width:0}
.cf-flow li+li{border-left:1px solid rgb(var(--line));padding-left:1.8rem}
.cf-number{font-family:var(--f-mono);font-size:.8rem;color:rgb(var(--accent));display:block;margin-bottom:.8rem}
.cf-flow h3{font-size:1.1rem;letter-spacing:-.02em;margin:0 0 .5rem}
.cf-flow p,.cf-preview-action p{font-size:.92rem;line-height:1.65;color:rgb(var(--fg-muted));margin:0;max-width:40ch}
.cf-preview-action{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem}
@media(max-width:680px){.cf-flow{grid-template-columns:1fr;margin:1rem 0 1.6rem}.cf-flow li,.cf-flow li+li{padding:1.2rem 0;border-left:0}.cf-flow li+li{border-top:1px solid rgb(var(--line))}.cf-preview-action .btn{width:100%;text-align:center}}