/* /serverless-agents/ (scripts/render_serverless.py): the modeled cost chart and the feature grid.
   Everything else on the page comes from use-cases.css. */
.sl-hero .lede{max-width:820px}
.sl-chart{margin:0;border:1px solid var(--line);background:var(--paper);padding:26px 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 28px;align-items:start}
.sl-bars{grid-column:1;grid-row:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sl-bars li{display:grid;grid-template-columns:minmax(150px,250px) minmax(0,1fr) 76px;align-items:center;gap:16px;padding:12px 14px;font-size:13px}
.sl-bars li:first-child{background:#ede9fe}
.sl-track{display:block;height:22px;background:#ecebe5}.sl-fill{display:block;height:100%;background:#9a9a92}.ours .sl-fill{background:var(--purple)}
.sl-usd{font-size:20px;font-weight:600;letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums}.ours .sl-usd{color:var(--purple)}
.sl-gap{grid-column:2;grid-row:1;margin:0;background:var(--purple);color:#fff;padding:22px 28px;text-align:center;min-width:160px}
.sl-gap strong{display:block;font-size:58px;line-height:1;font-weight:650;letter-spacing:-.05em}.sl-gap span{display:block;margin-top:10px;font-size:12px}
.sl-chart figcaption{grid-column:1/-1;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;line-height:1.7}
.sl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sl-card{border:1px solid var(--line);background:var(--paper);padding:22px}.sl-card h3{font-size:15px;margin:0 0 8px}.sl-card p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:900px){.sl-chart{grid-template-columns:1fr}.sl-gap{grid-column:1;grid-row:2;display:flex;align-items:baseline;gap:14px;text-align:left;padding:16px 20px}.sl-gap span{margin:0}.sl-chart figcaption{grid-row:3}.sl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sl-chart{padding:18px 16px}.sl-bars li{grid-template-columns:minmax(0,1fr) 64px;gap:6px 12px;padding:10px}.sl-name{grid-column:1/-1}.sl-usd{font-size:16px}.sl-grid{grid-template-columns:1fr}}