/* Tool landing pages (tools.html and one page per tool). Same theme as the home page: index.css does the work. */
.tool-page .hero .hero-mate{margin-top:0}
.tool-steps{list-style:none;counter-reset:ts;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:22px 0 14px;padding:0}
.tool-steps li{counter-increment:ts;background:#fff;border:1px solid rgba(15,35,60,.12);border-radius:12px;padding:16px 16px 16px 58px;position:relative;min-height:72px}
.tool-steps li::before{content:counter(ts);position:absolute;left:14px;top:14px;width:32px;height:32px;border-radius:50%;background:#12365c;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.tool-steps li b{display:block;font-size:17px;line-height:1.3}
.tool-steps li span{display:block;margin-top:4px;font-size:15px;line-height:1.45;opacity:1;color:#3d4f63}
.tool-cta{margin:22px 0 0}
.tool-card-text{display:block}
.tool-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.tool-page .split + .split{margin-top:18px}

[data-runtime-availability]{max-width:60rem;margin:.6rem auto;padding:.55rem .8rem;border-left:3px solid currentColor}
.tool-page .hero .runtime-state,.tool-page .hero .runtime-cost{color:#e8eaee}
.tool-page .hero .runtime-cost{font-size:15px;line-height:1.5}

/* Who's In public walkthrough: generic work item icons, no sample people or counts. */
.team-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 16px}
.team-flow-card{background:#fff;border:1px solid rgba(15,35,60,.14);border-radius:14px;padding:20px;min-width:0}
.team-flow-icon{display:grid;place-items:center;width:54px;height:54px;margin-bottom:14px;border-radius:13px;background:#edf3f8;color:#173b5c}
.team-flow-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.team-flow-step{margin:0 0 6px;color:#53677c;font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.team-flow-card h3,.team-flow-visibility h3{margin:0 0 8px;font-size:18px;line-height:1.3}
.team-flow-card p:last-child,.team-flow-visibility p{margin:0;color:#3d4f63;font-size:15px;line-height:1.5}
.team-flow-visibility{max-width:900px;padding:18px 20px;border-left:4px solid #d59a28;background:#f5f7fa}
@media(max-width:720px){.team-flow{grid-template-columns:1fr}.team-flow-card{display:grid;grid-template-columns:54px 1fr;column-gap:14px;align-items:start}.team-flow-icon{grid-row:1/4;margin:0}.team-flow-step{align-self:end}.team-flow-card h3,.team-flow-card p:last-child{grid-column:2}}