@layer pages {
    .nur-container--narrow {
        max-width: 820px;
    }

    /* Blog list */
    .nur-blogchips {
        margin-bottom: var(--nur-space-5);
    }

    .nur-blogchips__count {
        color: var(--nur-ink-soft);
        font-weight: 500;
    }

    .nur-chip.is-active .nur-blogchips__count {
        color: rgba(255, 255, 255, 0.8);
    }

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

    .nur-post__media {
        display: block;
    }

    .nur-post__media img {
        aspect-ratio: 4 / 3;
    }

    .nur-post__body h2,
    .nur-post__body h3 {
        font-size: var(--nur-text-lg);
        line-height: 1.3;
    }

    .nur-post__body h2 a,
    .nur-post__body h3 a {
        display: block;
        padding-block: var(--nur-space-1);
    }

    .nur-blogclamp {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: var(--nur-ink-soft);
    }

    .nur-bloglink {
        display: inline-flex;
        align-items: center;
        gap: var(--nur-space-2);
        min-height: 48px;
        color: var(--nur-primary);
        font-weight: 700;
    }

    .nur-bloglink svg {
        width: 18px;
        height: 18px;
    }

    .nur-pager {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: var(--nur-space-2);
        margin-top: var(--nur-space-6);
    }

    .nur-pager__item,
    .nur-pager__gap {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 48px;
        min-height: 48px;
        padding-inline: var(--nur-space-3);
        border: 1px solid var(--nur-line);
        border-radius: var(--nur-radius);
        background: var(--nur-surface);
        font-weight: 600;
    }

    .nur-pager__gap {
        border-color: transparent;
        background: none;
    }

    .nur-pager__item.is-active {
        background: var(--nur-primary);
        border-color: var(--nur-primary);
        color: #fff;
    }

    .nur-pager__item.is-disabled {
        opacity: 0.45;
    }

    /* Article */
    .nur-articlemeta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--nur-space-3);
        margin-bottom: var(--nur-space-3);
        color: rgba(255, 255, 255, 0.8);
        font-size: var(--nur-text-sm);
    }

    .nur-blogshow {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--nur-space-6);
    }

    .nur-blogshow__main {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--nur-space-5);
        min-width: 0;
    }

    .nur-blogshow__cover {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        border-radius: var(--nur-radius);
    }

    .nur-blogshow__subtitle {
        font-size: var(--nur-text-xl);
    }

    .nur-blogshow__lead {
        font-size: var(--nur-text-lg);
        color: var(--nur-ink-soft);
    }

    .nur-share {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--nur-space-2);
        padding-block: var(--nur-space-4);
        border-block: 1px solid var(--nur-line);
    }

    .nur-postnav {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--nur-space-3);
    }

    .nur-postnav a {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--nur-space-1);
        min-height: 48px;
        padding: var(--nur-space-3) var(--nur-space-4);
        border: 1px solid var(--nur-line);
        border-radius: var(--nur-radius);
        background: var(--nur-surface);
    }

    .nur-postnav small {
        color: var(--nur-gold-600);
        font-weight: 700;
    }

    .nur-postnav span {
        font-weight: 700;
    }

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

    .nur-comment {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: var(--nur-space-3);
        padding: var(--nur-space-4);
        border: 1px solid var(--nur-line);
        border-radius: var(--nur-radius);
        background: var(--nur-surface);
    }

    .nur-comment > img {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        object-fit: cover;
    }

    .nur-comment h3 {
        font-size: var(--nur-text-md);
    }

    .nur-comment h3 small {
        display: block;
        color: var(--nur-ink-soft);
        font-weight: 400;
    }

    .nur-comment p {
        margin-top: var(--nur-space-2);
        overflow-wrap: anywhere;
    }

    .nur-comment--child {
        grid-template-columns: 40px 1fr;
        margin-top: var(--nur-space-3);
        background: var(--nur-surface-alt);
    }

    .nur-comment--child > img {
        width: 40px;
        height: 40px;
    }

    .nur-commentform {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--nur-space-3);
        padding: var(--nur-space-4);
        border: 1px solid var(--nur-line);
        border-radius: var(--nur-radius);
        background: var(--nur-surface);
    }

    .nur-check {
        display: flex;
        align-items: flex-start;
        gap: var(--nur-space-3);
        min-height: 48px;
        font-size: var(--nur-text-sm);
    }

    .nur-check input {
        flex: none;
        width: 24px;
        height: 24px;
        margin: 0;
        accent-color: var(--nur-primary);
    }

    .nur-blogshow__side {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--nur-space-4);
        align-content: start;
    }

    .nur-sidebox {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--nur-space-3);
        padding: var(--nur-space-4);
        border: 1px solid var(--nur-line);
        border-radius: var(--nur-radius);
        background: var(--nur-surface);
    }

    .nur-mini {
        display: grid;
        grid-template-columns: 76px 1fr;
        align-items: center;
        gap: var(--nur-space-3);
        min-height: 76px;
        font-weight: 600;
        line-height: 1.35;
    }

    .nur-mini img {
        width: 76px;
        height: 76px;
        border-radius: var(--nur-radius);
        object-fit: cover;
    }

    .nur-mini small {
        display: block;
        color: var(--nur-ink-soft);
        font-weight: 400;
    }

    /* Destinations */
    .nur-destcard {
        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-destcard img {
        width: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

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

    .nur-destcard__body small {
        color: var(--nur-gold-600);
        font-weight: 700;
    }

    .nur-desthero {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        min-height: 360px;
        color: #fff;
        overflow: hidden;
    }

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

    .nur-desthero__shade {
        position: relative;
        display: flex;
        align-items: flex-end;
        padding-block: var(--nur-space-5) var(--nur-space-6);
        background: linear-gradient(to top, rgba(10, 31, 71, 0.88), rgba(10, 31, 71, 0.25));
    }

    .nur-desthero__shade > .nur-container {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--nur-space-3);
        width: 100%;
    }

    .nur-desthero h1 {
        color: #fff;
    }

    .nur-desthero p {
        max-width: 60ch;
        color: rgba(255, 255, 255, 0.88);
    }

    .nur-desthero .nur-breadcrumb {
        color: rgba(255, 255, 255, 0.75);
    }

    .nur-pagecover {
        margin-top: var(--nur-space-5);
    }

    .nur-pagecover img {
        width: 100%;
        max-height: 520px;
        object-fit: cover;
        border-radius: var(--nur-radius);
    }

    @media (min-width: 768px) {
        .nur-bloggrid,
        .nur-destgrid {
            grid-template-columns: repeat(2, 1fr);
        }

        .nur-postnav {
            grid-template-columns: 1fr 1fr;
        }

        .nur-postnav__next {
            grid-column: 2;
            text-align: right;
        }

        .nur-desthero {
            min-height: 460px;
        }
    }

    @media (min-width: 1024px) {
        .nur-bloggrid,
        .nur-destgrid {
            grid-template-columns: repeat(3, 1fr);
        }

        .nur-blogshow {
            grid-template-columns: minmax(0, 1fr) 320px;
            align-items: start;
        }

        .nur-blogshow__side {
            position: sticky;
            top: 96px;
        }
    }
}