.region-tile-with-emblem {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
}

.region-tile-emblem {
    width: 40px;
    height: 48px;
    object-fit: contain;
}

.region-tile-with-emblem strong {
    min-width: 0;
    line-height: 1.5;
}

.region-page-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 152px;
    align-items: center;
    gap: 36px;
}

.page-heading-copy {
    min-width: 0;
}

.region-page-emblem {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: var(--paper);
}

.region-page-emblem img {
    width: 120px;
    height: 144px;
    object-fit: contain;
}

@media (max-width: 1100px) {
    .region-tile-with-emblem {
        gap: 10px;
        padding-inline: 16px;
    }
}

@media (max-width: 640px) {
    .region-grid-with-emblems {
        grid-template-columns: 1fr;
    }

    .region-tile-with-emblem {
        grid-template-columns: 32px minmax(0, 1fr) auto;
        gap: 8px;
        padding: 14px 12px;
    }

    .region-tile-emblem {
        width: 32px;
        height: 40px;
    }

    .region-page-heading {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
    }

    .region-page-heading h1 {
        overflow-wrap: anywhere;
    }

    .region-page-emblem {
        order: -1;
        align-self: flex-start;
        width: 86px;
        padding: 10px;
        border-radius: 14px;
    }

    .region-page-emblem img {
        width: 64px;
        height: 80px;
    }
}

@media (max-width: 390px) {
    .region-tile-with-emblem {
        grid-template-columns: 28px minmax(0, 1fr) auto;
        gap: 7px;
        padding: 12px 10px;
    }

    .region-tile-emblem {
        width: 28px;
        height: 36px;
    }
}