/* The Healthcare / Medical pillar presents all six product pages together. */
.ppe-pillar.ppe-reviewed .healthcare-equipment .equipment-panel {
    min-height: 0;
}

.ppe-pillar.ppe-reviewed .healthcare-equipment .equipment-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.ppe-pillar.ppe-reviewed .healthcare-equipment .equipment-card {
    min-height: 0;
}

.ppe-pillar.ppe-reviewed .healthcare-equipment .equipment-card:last-child:nth-child(3n+1) {
    grid-column: 2;
}

@media (max-width: 1050px) {
    .ppe-pillar.ppe-reviewed .healthcare-equipment .equipment-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ppe-pillar.ppe-reviewed .healthcare-equipment .equipment-card:last-child:nth-child(3n+1) {
        grid-column: auto;
    }

    .ppe-pillar.ppe-reviewed .healthcare-equipment .equipment-card:last-child:nth-child(2n+1) {
        grid-column: 1 / -1;
        justify-self: center;
        width: calc((100% - 24px) / 2);
    }
}

@media (max-width: 700px) {
    .ppe-pillar.ppe-reviewed .healthcare-equipment .equipment-cards {
        grid-template-columns: minmax(0, 1fr);
    }

    .ppe-pillar.ppe-reviewed .healthcare-equipment .equipment-card:last-child:nth-child(2n+1) {
        grid-column: auto;
        justify-self: stretch;
        width: auto;
    }
}

.ppe-pillar.ppe-reviewed .healthcare-equipment-intro {
    max-width: 860px;
    margin: -24px auto 40px;
    color: #214d74;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
}

/* Comparison tables: the alternative sits in the first column and UCapIt is highlighted in the second. */
.ppe-pillar.ppe-reviewed .healthcare-comparison + .healthcare-comparison {
    padding-top: 0;
}

.ppe-pillar.ppe-reviewed .healthcare-comparison .ppe-comparison-table tbody td:nth-child(2) {
    background: #fff;
}

.ppe-pillar.ppe-reviewed .healthcare-comparison .ppe-comparison-table tbody td:nth-child(3) {
    background: #f4f9fd;
    color: #075092;
    font-weight: 700;
}

.ppe-pillar.ppe-reviewed .healthcare-comparison .ppe-comparison-table tbody tr:nth-child(even) td:nth-child(2) {
    background: #f8fafc;
}

.ppe-pillar.ppe-reviewed .healthcare-comparison .ppe-comparison-table tbody tr:nth-child(even) td:nth-child(3) {
    background: #edf6fc;
}

/* Photo background on the whole section. */
.ppe-pillar.ppe-reviewed .healthcare-comparison.has-background-image {
    position: relative;
    background-position: center;
    background-size: cover;
}

/* Top spacing for the table after a photo section. */
.ppe-pillar.ppe-reviewed .healthcare-comparison.has-background-image + .healthcare-comparison {
    padding-top: 88px;
}

.ppe-pillar.ppe-reviewed .healthcare-comparison-closing {
    max-width: 1000px;
    margin: 36px auto 0;
    color: #214d74;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
}

.mro-customer-results .mro-customer-story + .mro-customer-story {
    margin-top: 32px;
}

.mro-customer-results .center-actions {
    margin-top: 40px;
}

@media (max-width: 900px) {
    /* Stacked rows: dark row titles. */
    .ppe-pillar.ppe-reviewed .ppe-comparison-table tbody tr:nth-child(even) th {
        background: #003f7d;
    }

    .ppe-pillar.ppe-reviewed .healthcare-equipment-intro,
    .ppe-pillar.ppe-reviewed .healthcare-comparison-closing {
        font-size: 16px;
    }

    .ppe-pillar.ppe-reviewed .healthcare-equipment-intro {
        margin: -12px auto 28px;
    }

    .ppe-pillar.ppe-reviewed .healthcare-comparison.has-background-image + .healthcare-comparison {
        padding-top: 58px;
    }
}

/* Phones: taller frame for the problem photo. */
@media (max-width: 900px) {
    .ppe-pillar.ppe-reviewed .ppe-problem .ppe-photo-placeholder.tall.has-custom-image {
        min-height: 480px !important;
    }

    .ppe-pillar.ppe-reviewed .ppe-problem .ppe-photo-placeholder.tall.has-custom-image > img {
        object-position: center 52%;
    }
}

/* Problem and iQ panels size to their copy. */
@media (min-width: 901px) {
    .ppe-pillar.ppe-reviewed .ppe-problem .tall {
        min-height: 380px !important;
    }

    .ppe-pillar.ppe-reviewed .ppe-iq,
    .ppe-pillar.ppe-reviewed .ppe-iq .ppe-shell {
        min-height: 400px !important;
    }

    /* iQ panel in the flow, so the section grows with the copy. */
    .ppe-pillar.ppe-reviewed .ppe-iq .ppe-shell {
        box-sizing: border-box;
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }

    .ppe-pillar.ppe-reviewed .ppe-iq .ppe-blue-copy {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 47% !important;
        margin: 0 0 0 auto !important;
    }
}

/* Problem photo without the white frame. */
.ppe-pillar.ppe-reviewed .ppe-problem .tall.has-custom-image::after {
    display: none;
}

/* "Built in Des Moines": no blue overlay on the photo. */
.ppe-pillar.ppe-reviewed .mro-expertise.has-background {
    background-image: var(--mro-expertise-background);
}

/* Customer story logo/photo. */
.ppe-pillar.ppe-reviewed .mro-customer-identity .mro-customer-image {
    align-self: flex-start;
    width: auto;
    max-width: 100%;
    max-height: 160px;
    margin-bottom: 26px;
    border-radius: 10px;
    object-fit: contain;
}

/* Public Health customer stories use photos, not logos. */
.public-health-pillar.ppe-reviewed .mro-customer-identity .mro-customer-image {
    align-self: stretch;
    width: 100%;
    max-width: 360px;
    max-height: 300px;
    object-fit: cover;
}

/* "How Does UCapIt Help": photo matches the copy height. */
@media (min-width: 901px) {
    .ppe-pillar.ppe-reviewed .mro-reversed-problem .mro-reversed-media {
        min-height: 0;
    }

    .ppe-pillar.ppe-reviewed .mro-reversed-problem .mro-reversed-media img {
        position: absolute;
        inset: 0;
        min-height: 0;
        height: 100%;
        object-position: center 40%;
    }
}

/* Tablets and phones: no empty space under the iQ buttons. */
@media (max-width: 900px) {
    .ppe-pillar.ppe-reviewed .ppe-iq .ppe-blue-copy {
        min-height: 0 !important;
        height: auto !important;
    }
}

/* Public Health: dark overlay keeps the comparison title readable on the photo. */
.ppe-pillar.ppe-reviewed.public-health-pillar .healthcare-comparison.has-background-image {
    margin-top: 40px;
    isolation: isolate;
}

.ppe-pillar.ppe-reviewed.public-health-pillar .healthcare-comparison.has-background-image::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: rgba(4, 38, 72, .82);
    content: "";
}

#main.ppe-pillar.ppe-reviewed.public-health-pillar .healthcare-comparison.has-background-image .center-title,
#main.ppe-pillar.ppe-reviewed.public-health-pillar .healthcare-comparison.has-background-image .healthcare-comparison-closing {
    color: #fff !important;
}

.ppe-pillar.ppe-reviewed.public-health-pillar .healthcare-comparison.has-background-image .ppe-btn {
    border-color: #fff;
    background: #fff;
    color: #075092 !important;
}

.ppe-pillar.ppe-reviewed.public-health-pillar .ppe-iq-footer {
    margin-top: 18px;
}

.ppe-pillar.ppe-reviewed.public-health-pillar .ppe-iq-footer p {
    margin: 0;
}

.ppe-pillar.ppe-reviewed.public-health-pillar .mro-full-blue-panel .center-actions {
    margin-top: 40px;
}

#main.ppe-pillar.public-health-pillar .mro-expertise-copy p + p {
    margin-top: 14px !important;
}