/* Explain: Editorial spacing and map-line layout utilities. */
.section-pad {
    padding-block: clamp(3.5rem, 7vw, 6rem);
}

.hairline {
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--border-color) 85%, transparent);
}

.lap-line {
    position: relative;
}

.lap-line::before {
    content: '';
    position: absolute;
    inset: 8% auto 10% 0.9rem;
    width: 1px;
    background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--primary-color) 38%, transparent), transparent);
}

.lap-dot {
    position: relative;
}

.lap-dot::before {
    content: '';
    position: absolute;
    left: -1.1rem;
    top: 0.62rem;
    width: 0.5rem;
    height: 0.5rem;
    background: var(--primary-color);
    box-shadow: 0 0 14px color-mix(in srgb, var(--primary-color) 55%, transparent);
}

@media (max-width: 767px) {
    .lap-line::before,
    .lap-dot::before {
        display: none;
    }
}