@layer components {
    .map-embed {
        border: 1px solid var(--line);
        border-radius: var(--radius-l);
        overflow: hidden;
        background: var(--sky-tint);
        min-height: 16rem;
    }

    .map-embed-fallback {
        display: grid;
        gap: var(--space-2);
        padding: var(--space-5);
    }

    .map-embed-fallback a {
        display: inline-flex;
        align-items: center;
        min-height: var(--touch-target);
    }
}