/* The same small, rounded drawings on every page; colour follows the existing UI. */
.flow-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;pointer-events:none}
.text-link>.flow-icon,.mobile-card-guide .flow-icon,.feature-details .flow-icon,.closing-links .flow-icon,.guide-discovery .flow-icon,.blog-card-bottom .flow-icon,.blog-project-link .flow-icon,.blog-editorial-note .flow-icon,.blog-related .flow-icon,.reader-card .flow-icon{width:16px;height:16px}
.step-connector .flow-icon,.home-stage-entry-arrow .flow-icon,.resonant-family-arrow .flow-icon,.contact-help-symbol .flow-icon{width:100%;height:100%}
.back-top>span[aria-hidden],.step-connector,.home-stage-entry-arrow,.resonant-family-arrow,.contact-help-symbol{display:inline-flex;align-items:center;justify-content:center}
.back-top .flow-icon{width:18px;height:18px}
.step-connector{width:24px;height:24px}
.home-stage-entry-arrow{width:23px;height:23px}
.resonant-family-arrow{width:20px;height:20px}
.tip-mark .flow-icon{width:30px;height:30px}
.control-keys .flow-icon{width:22px;height:22px}
.flow-key{display:inline-flex;vertical-align:middle}
.flow-key>.flow-icon{width:1em;height:1em}
.exp-panel li>.flow-icon{position:absolute;left:0;top:.25em;width:12px;height:12px;color:var(--exp-accent)}
.exp-panel li:before{content:none}
.exp-door .flow-icon{width:21px;height:21px}
.exp-team-wire .flow-icon{width:30px;height:30px}
.exp-record-marks .flow-icon{width:11px;height:11px}
.project-share-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:8px}
.project-share-actions .flow-icon{width:16px;height:16px}
.footer-meta a{display:inline-flex;align-items:center;gap:7px}
.footer-meta .flow-icon{width:15px;height:15px}