/* architecture-simple: page styles
   Grid: 1 col on phones, 2 cols on tablets, 4 cols on desktop. 7 cards, so the last
   (deep-dive) card spans 2 columns on tablet + desktop to keep every row full. */
.flows{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0 8px;}
@media(min-width:641px){.flows{grid-template-columns:repeat(2,minmax(0,1fr));}.flows>.fcard:last-child{grid-column:span 2;}}
@media(min-width:1024px){.flows{grid-template-columns:repeat(4,minmax(0,1fr));}}
.fcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:20px;}
.fcard:hover{text-decoration:none;}
.fcard:focus-visible{outline:2px solid var(--accent2);outline-offset:3px;}
.fcard .ic{font-size:24px;line-height:1;}
.fcard .k{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);font-weight:bold;margin-top:12px;}
.fcard h2{font-size:17px;line-height:1.3;margin:4px 0 8px;color:var(--ink);}
.fcard p{flex:1 0 auto;font-size:13px;line-height:1.55;color:var(--muted);margin:0 0 12px;}
.fcard .io{font-size:12px;line-height:1.5;color:var(--body-ink);border-top:1px solid var(--line);padding-top:8px;}
.fcard .io b{color:var(--ink);}
.fcard .go{display:block;margin-top:12px;font-size:13px;color:var(--accent2);font-weight:bold;}

/* converted from inline style attributes (CSP: style-src 'self') */
.sx-9e3c4cc{margin-top:6px !important}
.sx-defe7d1{margin-top:-4px !important}
.sx-f259b2a{font-weight:normal !important;opacity:.75 !important}
.sx-553a645{margin-top:14px !important}