/* =========================================================
   Works Across Band — "Works across" + the database logos

   A quiet one-line band that names the databases the platform
   supports. Sits between two sections with no background of its
   own, so it reads as a caption on the section above rather than
   a section in its own right.

   The logos are normalised to one height, the same way the Trust
   Strip does it — Figma draws them at 30-34px each for optical
   balance, but a single height is what keeps a logo row from
   looking ragged when a logo is swapped.

   Used on: release-automation.html
   Reusable on any page that needs a supported-platforms line.
   ========================================================= */

.works-across-section {
    padding-block: var(--space-md);
}

.works-across-section .works-across-section-row {
    gap: 22px;
}

.works-across-section .works-across-section-row .works-across-section-label p {
    white-space: nowrap;
    font-size: var(--font-size-micro);
    line-height: 1.2727;
    letter-spacing: 0.02em;
    color: #7C8F9E;
    font-family: var(--font-mono);
    font-weight: var(--font-weight-medium);
}

.works-across-section .works-across-section-row img {
    flex-shrink: 0;
    width: auto;
    height: 33px;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {

    .works-across-section .works-across-section-row {
        gap: var(--space-sm);
        justify-content: flex-start;
    }

    .works-across-section .works-across-section-row img {
        height: 26px;
    }

    .works-across-section .works-across-section-row .works-across-section-label {
        flex: 0 0 100%;
        text-align: left;
    }

    .works-across-section .works-across-section-row img {
        height: 22px;
    }
}