/* Земельні ділянки — layout only, scoped under .land. Map-region blue has no DS token → hex from Figma. */
    .land {
        --land-region: #B9C3F5;

        padding: 0;
    }

    .land__header {
        flex-wrap: wrap;
    }

    .land__count {
        flex: none;
    }

    .land__info {
        flex-shrink: 0;
    }

    .land__body {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 0;
        background: var(--color-neutral-alpha-500);
    }

    /* ── KPIs ── */
    .land__kpis {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
        padding: 20px 24px 12px;
    }

    .land__kpi-label {
        margin: 0 0 6px;
        font-size: 13px;
        color: var(--color-neutral-solid-700);
    }

    .land__kpi-value {
        margin: 0;
        color: var(--text-default);
    }

    /* ── Grid ── */
    .land__grid {
        display: grid;
        grid-template-columns: 320px 1fr;
        gap: 8px;
        padding: 0 8px 8px;
        align-items: start;
    }

    .land__card {
        background: var(--color-neutral-solid-100);
        border-radius: 16px;
        padding: 20px;
    }

    .land__card-title {
        margin: 0 0 16px;
        color: var(--text-default);
    }

    /* ── Map placeholder ── */
    .land__map {
        padding: 0;
        background: none;
    }

    .land__map-svg {
        display: block;
        width: 100%;
        height: auto;
    }

    .land__map-svg path {
        stroke: #fff;
        stroke-width: 0.5;
    }

    .land__map-legend {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 16px;
        margin: 16px 0 0;
        padding: 0;
        list-style: none;
        font-size: 12px;
        color: var(--color-neutral-solid-700);
    }

    .land__map-legend li {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    .land__dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--land-region);
    }

    /* ── Regions table ── */
    .land__card--table {
        padding: 0;
        overflow: hidden;
    }

    .land__table-head,
    .land__row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        padding: 16px 24px;
        align-items: center;
    }

    .land__table-head {
        background: var(--color-neutral-solid-200);
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .land__th {
        font-size: 13px;
        font-weight: 600;
        color: var(--color-neutral-solid-700);
    }

    .land__row {
        border-top: 1px solid var(--color-primary-200);
    }

    .land__region {
        font-size: 14px;
        color: var(--text-default);
    }

    .land__area {
        display: flex;
        flex-direction: column;
        gap: 2px;
        font-size: 14px;
        font-weight: 600;
        color: var(--text-default);
    }

    .land__area b {
        font-size: 12px;
        font-weight: 400;
        color: var(--color-neutral-solid-600);
    }

    .land__more {
        letter-spacing: 0.38px;
    }

    .land__more:hover {
        background: var(--color-primary-100);
    }

    @media (max-width: 860px) {
        .land__grid {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 640px) {
        .land__kpis {
            grid-template-columns: 1fr;
            padding: 16px;
        }
    }