/* Explain: Clinic page layout spacing and editorial composition utilities. */
.section-spacing {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.hero-grid::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 42%;
    background: linear-gradient(90deg, rgba(193, 18, 31, 0.10), rgba(193, 18, 31, 0));
    pointer-events: none;
}

.process-line {
    position: relative;
}

.process-line::before {
    content: '';
    position: absolute;
    bottom: 2rem;
    left: 1.5rem;
    top: 2rem;
    width: 1px;
    background: var(--border-color);
}

@media (min-width: 768px) {
    .section-spacing {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}

@media (max-width: 1023px) {
    .clinic-header nav {
        gap: 1rem;
    }
}