/* Integration logos: one color, following the text (CSS mask). Brand marks from Simple Icons (CC0). */
.logos { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; list-style: none; }
.logos li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--border, #d0d7de); border-radius: 999px; font-size: 14px; font-weight: 500; white-space: nowrap; }
.logos li i { width: 18px; height: 18px; flex: none; background: currentColor; -webkit-mask: var(--lg) center / contain no-repeat; mask: var(--lg) center / contain no-repeat; }
.logos li small { font-weight: 400; opacity: .7; }
.lg-amazoncloudwatch { --lg: url(/assets/logos/amazoncloudwatch.svg); }
.lg-claude { --lg: url(/assets/logos/claude.svg); }
.lg-cloudflare { --lg: url(/assets/logos/cloudflare.svg); }
.lg-datadog { --lg: url(/assets/logos/datadog.svg); }
.lg-discord { --lg: url(/assets/logos/discord.svg); }
.lg-email { --lg: url(/assets/logos/email.svg); }
.lg-generic { --lg: url(/assets/logos/generic.svg); }
.lg-github { --lg: url(/assets/logos/github.svg); }
.lg-grafana { --lg: url(/assets/logos/grafana.svg); }
.lg-make { --lg: url(/assets/logos/make.svg); }
.lg-ntfy { --lg: url(/assets/logos/ntfy.svg); }
.lg-pagerduty { --lg: url(/assets/logos/pagerduty.svg); }
.lg-phone { --lg: url(/assets/logos/phone.svg); }
.lg-prometheus { --lg: url(/assets/logos/prometheus.svg); }
.lg-sentry { --lg: url(/assets/logos/sentry.svg); }
.lg-slack { --lg: url(/assets/logos/slack.svg); }
.lg-sms { --lg: url(/assets/logos/sms.svg); }
.lg-telegram { --lg: url(/assets/logos/telegram.svg); }
.lg-twilio { --lg: url(/assets/logos/twilio.svg); }
.lg-webhook { --lg: url(/assets/logos/webhook.svg); }
.lg-zapier { --lg: url(/assets/logos/zapier.svg); }