/* ===== About Subpages – lightweight helpers ===== */

.smwf-kicker {
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: color-mix(in oklab, var(--smwf-ink, #2B1B17) 65%, transparent);
    margin: 0 0 .4rem;
    font-size: .85rem;
}

.smwf-hero-compact {
    padding: clamp(1.75rem, 5vw, 3rem) 0;
    background: var(--smwf-surface, #fff);
}

.smwf-hero-compact h1 {
    margin: 0 0 .4rem;
    font-weight: 900;
}

.smwf-hero-compact p {
    margin: 0;
    color: color-mix(in oklab, var(--smwf-ink) 80%, transparent);
}

.smwf-section {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
}

.smwf-section h2 {
    margin: 0 0 .75rem;
    font-weight: 900;
}

.smwf-stats {
    display: grid;
    gap: clamp(.75rem, 2vw, 1rem);
    grid-template-columns: repeat(2, 1fr);
}

@media(min-width:720px) {
    .smwf-stats {
        grid-template-columns: repeat(4, 1fr);
    }
}

.smwf-stat {
    background: color-mix(in oklab, var(--smwf-accent, #7C8A4D) 12%, #fff);
    border: 1px solid color-mix(in oklab, var(--smwf-accent) 30%, transparent);
    border-radius: var(--smwf-radius, 16px);
    padding: 1rem;
}

.smwf-stat .num {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 900;
    color: var(--smwf-ink);
}

.smwf-stat .label {
    margin-top: .15rem;
    color: color-mix(in oklab, var(--smwf-ink) 75%, transparent);
}

.smwf-list-cards {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

@media(min-width:720px) {
    .smwf-list-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

.smwf-list-cards .smwf-card h3 {
    margin-bottom: .25rem;
}

.smwf-maplist {
    display: grid;
    gap: .75rem;
}

.smwf-maplist .region {
    border: 1px solid color-mix(in oklab, var(--smwf-ink) 10%, transparent);
    border-radius: var(--smwf-radius, 16px);
    padding: .85rem 1rem;
    background: var(--smwf-surface, #fff);
}

.smwf-checklist {
    list-style: none;
    padding: 0;
    margin: .35rem 0 0;
}

.smwf-checklist li::before {
    content: "✓ ";
    font-weight: 900;
    color: var(--smwf-accent);
}

.smwf-governance {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
}

@media(min-width:900px) {
    .smwf-governance {
        grid-template-columns: 1fr 1fr;
    }
}

.smwf-governance .panel h3 {
    margin-bottom: .35rem;
}

.smwf-divider {
    height: 1px;
    background: color-mix(in oklab, var(--smwf-ink) 10%, transparent);
    margin: 1rem 0;
}