/* Generated from legacy CSS: no visible text below 12px. */
.eyebrow{font-size:12px}
.button-small{font-size:12px}
.micro-note{font-size:12px}
.hero-baseline{font-size:12px}
.workspace-bar, .workspace-footer{font-size:12px}
.workspace-side > span{font-size:12px}
.workspace-side b{font-size:12px}
.workspace-meta{font-size:12px}
.canvas-kicker{font-size:12px}
.screen-detail{font-size:12px}
.canvas-flow span{font-size:12px}
.canvas-flow b{font-size:clamp(12px, .62vw, 12px)}
.canvas-bottom{font-size:12px}
.panel-label{font-size:12px}
.panel-row{font-size:12px}
.panel-row span{font-size:12px}
.panel-note{font-size:12px}
.item-number, .service-detail > span{font-size:12px}
.service-detail li{font-size:12px}
.path-card > span{font-size:12px}
.lifecycle-item > span{font-size:12px}
.lifecycle-item p{font-size:12px}
.audience-card > span{font-size:12px}
.privacy-note, .form-status{font-size:12px}
.footer-main nav{font-size:12px}
.footer-bottom{font-size:12px}
@media (max-width: 560px){.hero-baseline{font-size:12px}}
@media (max-width: 560px){.micro-note{font-size:12px}}
@media (max-width: 560px){.canvas-flow b{font-size:12px}}
@media (max-width: 560px){.workspace-bar{font-size:12px}}
@media (max-width: 560px){.workspace-footer{font-size:12px}}
