@layer components {
    /* Generic image-led card: destinations, tour types, posts */
    .nur-tile {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: var(--nur-radius);
        background: var(--nur-primary-strong);
        aspect-ratio: 4 / 5;
        color: #fff;
    }

    .nur-tile img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .nur-tile::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgba(10, 31, 71, 0.85), transparent 60%);
    }

    .nur-tile__body {
        position: absolute;
        inset: auto 0 0 0;
        z-index: 1;
        padding: var(--nur-space-4);
    }

    .nur-tile__body h3 {
        color: #fff;
    }

    .nur-tile__body small {
        color: var(--nur-gold-300);
        font-size: var(--nur-text-xs);
        letter-spacing: 0.08em;
        text-transform: uppercase;
    }

    .nur-post {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        overflow: hidden;
        border: 1px solid var(--nur-line);
        border-radius: var(--nur-radius);
        background: var(--nur-surface);
    }

    .nur-post img {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    .nur-post__body {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--nur-space-2);
        padding: var(--nur-space-4);
    }

    .nur-post__body small {
        color: var(--nur-ink-soft);
    }
}