/* Infrastructure monitoring page extras */
.im-ic { display: block; width: 44px; height: 44px; border-radius: 12px; margin-bottom: 26px; }
/* final CTA stats: the number leads, the label follows */
.im-facts span { font-family: inherit; font-size: clamp(32px, 3.4vw, 44px); line-height: 1; font-weight: 600; letter-spacing: -0.04em; text-transform: none; color: var(--accent); }
.im-facts b { margin-top: 12px; font-size: 15px; color: var(--fg-2); }
@media (max-width: 960px) { .im-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 640px; } }
@media (max-width: 560px) { .im-facts { grid-template-columns: minmax(0, 1fr); max-width: 320px; } }

/* Light skin: small green text uses --mint (≥4.5:1 on the light surfaces); --accent stays for dots, fills,
   borders and large numbers. Light only, so the dark skin is unchanged. */
:root[data-theme="light"] /* final CTA stats: the number leads,
:root[data-theme="light"] the label follows */
.im-facts span { color: var(--mint); }