/* REGION PAGE */

.region-page-layout {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1.5rem 4rem;
}

/* reuse .about-breadcrumb */

.region-page-header {
    margin-bottom: 2rem;
}

.region-page-header h1 {
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 800;
    margin-bottom: 0.5rem;
}

.region-page-lead {
    font-size: 1.05rem;
    color: var(--text-muted);
    margin-bottom: 1.25rem;
}

/* City jump links */
.region-city-jumps {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.region-city-jump {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.3rem 0.75rem;
    background: var(--white);
    border: 1.5px solid var(--sand-dark);
    border-radius: 100px;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    color: var(--text);
    transition: border-color 0.15s, color 0.15s;
}

.region-city-jump span { color: var(--text-muted); font-weight: 400; }

.region-city-jump:hover {
    border-color: var(--teal);
    color: var(--teal);
}

.region-actions {
    margin-bottom: 2.5rem;
}

/* City sections */
.region-city-section {
    margin-bottom: 3rem;
    padding-top: 0.5rem;
    border-top: 2px solid var(--sand-dark);
}

.region-city-section:first-of-type { border-top: none; }

.region-city-name {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.region-city-count {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-muted);
    background: var(--sand);
    padding: 0.15rem 0.5rem;
    border-radius: 100px;
}