/* Font-independent UI icons and consistently sized research diagram steps. */
svg.ui-icon{display:inline-block;width:1.1em;height:1.1em;min-width:1.1em;flex:0 0 auto;vertical-align:-.15em;overflow:visible}
.ui-icon-play{width:1em;height:1em}
.social-icon .ui-icon{width:20px;height:20px;min-width:20px}
.gateway-diagram{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) 1.1rem minmax(0,1fr) 1.1rem minmax(0,1fr);align-items:center;column-gap:clamp(8px,1.2vw,18px);row-gap:24px;padding:clamp(18px,3vw,32px)}
.gateway-diagram>div{box-sizing:border-box;width:100%;min-width:0;min-height:104px;height:100%;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px 8px;text-align:center}
.gateway-diagram>div>span{display:block;margin:0;font-size:9px;line-height:1.4;letter-spacing:1px;white-space:nowrap}
.gateway-diagram>div>strong{display:block;margin:0;font-size:clamp(14px,2.6vw,20px);line-height:1.2;letter-spacing:-.3px;white-space:nowrap}
.gateway-diagram>.diagram-link{display:flex;align-items:center;justify-content:center;min-width:0;padding:0;line-height:1}
.gateway-diagram>.diagram-link>.ui-icon{width:18px;height:18px;min-width:18px}
.gateway-diagram>p{grid-column:1/-1;min-width:0;margin:0;text-align:center;font-size:9px;line-height:1.7;letter-spacing:1px;overflow-wrap:break-word}
@media(max-width:359px){.gateway-diagram{grid-template-columns:minmax(0,1fr);row-gap:14px}.gateway-diagram>div{min-height:92px;padding:16px}.gateway-diagram>.diagram-link>.ui-icon{transform:rotate(90deg)}.gateway-diagram>p{padding-top:6px}}