/* Opt-in project blocks; shared brand variables come from style.css. */
.stbk-case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.stbk-case-metrics p{min-width:0;margin:0;padding:18px;border:1px solid var(--line,#d5e0e9);border-radius:8px;background:var(--pale,#eff5f9);overflow-wrap:anywhere}
.stbk-case-metrics strong{display:block;margin-bottom:8px;color:var(--navy,#0d2137);font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.2}
.stbk-case-diagram{margin:24px 0;padding:20px;border:1px solid var(--line,#d5e0e9);border-radius:12px;background:#fff}
.stbk-case-diagram picture,.stbk-case-diagram img{display:block;width:100%;height:auto}
.stbk-case-diagram figcaption{margin-top:12px;color:var(--muted,#506479);font-size:13px;line-height:1.55}
@media(max-width:600px){.stbk-case-metrics{grid-template-columns:minmax(0,1fr);gap:12px}.stbk-case-diagram{padding:10px}.stbk-case-diagram img{max-width:360px;margin-inline:auto}}