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

.magazine-grid {
    display: grid;
    gap: 1.35rem;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.map-line {
    position: relative;
}

.map-line::before {
    content: '';
    position: absolute;
    inset: 10% auto 12% 1rem;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(15, 61, 74, 0.35), transparent);
}

.map-dot {
    position: relative;
}

.map-dot::before {
    content: '';
    position: absolute;
    left: -1.25rem;
    top: 0.45rem;
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 999px;
    background: var(--accent-color);
    box-shadow: 0 0 0 6px rgba(249, 115, 74, 0.16);
}

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