/* Preview typography: 12px metadata, 14px short support, 16px reading text, all in Space Mono.
   Keep these sizes across viewports; responsive layout handles wrapping. */
:root{--support-meta:14px;--support-short:16px;--support-body:16px;--support-mono:Inter,sans-serif;--support-reading:Inter,sans-serif}
.hero .hero-intro,.section-heading>p,#visao-visual .cassio-bio,.closing p,.flow-vision p{font-family:var(--support-reading);font-size:var(--support-body);font-weight:400;line-height:1.65;letter-spacing:normal}
#visao-visual .vp-card .offer-audience,#visao-visual .yt-label,.flow-toolbar,.log-mark,.visao-stories .story>span:last-child{font-family:var(--support-mono);font-size:var(--support-meta);font-weight:400;line-height:1.5;letter-spacing:normal}
#visao-visual .offer-benefits li,#visao-visual .vp-card .vp-link,#visao-visual .cassio-intro p,#visao-visual .yt-action,.flow-input p,.flow-bank>span,.flow-log p,.flow-caption,.footer p,.footer>a:last-of-type,.language-switch,.header nav>a:not(.button){font-family:var(--support-mono);font-size:var(--support-short);font-weight:400;line-height:1.6;letter-spacing:normal}
.flow-bank>span br,.flow-log p br{display:none}
.flow-bank>span,.flow-log p{overflow-wrap:normal;text-wrap:pretty}
.flow-caption{max-width:none;text-wrap:balance}
.flow-vision p{max-width:36ch}
@media(max-width:1100px) and (min-width:761px){.flow-network{grid-template-columns:1.2fr .85fr 1fr 1.25fr;gap:24px}}
@media(max-width:760px){.flow-inputs{gap:12px}.flow-caption{margin-inline:0}.flow-bank{width:180px}}
@media(max-width:360px){.flow-inputs{grid-template-columns:1fr}.flow-input{padding:24px 16px}}
.flow-inputs,.flow-input,.flow-logs,.flow-log,.flow-vision{min-width:0}
@media(max-width:760px){.flow-inputs,.flow-logs{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-input p,.flow-log p{overflow-wrap:break-word}}
@media(max-width:360px){.flow-inputs{grid-template-columns:minmax(0,1fr)}.flow-log h3{font-size:18px}.flow-logs{gap:16px}}
/* Diagram descriptions share one size, including the vision summary. */
.insight-flow .flow-input p,.insight-flow .flow-bank>span,.insight-flow .flow-log p,.insight-flow .flow-vision p{font-family:var(--support-mono);font-size:var(--support-short);font-weight:400;line-height:1.6}

.insight-flow{--support-meta:12px;--support-short:14px;--support-body:16px;--support-mono:"Space Mono",monospace;--support-reading:"Space Mono",monospace}