/* ============================================================
   Knise Native Entry – DagensNytt v4.2
   Tydelig sponsormerket artikkelinngang på alle flater.
   ============================================================ */

.knise-native-module {
    clear: both;
    margin: 28px 0;
    color: #20242a;
    font-family: inherit;
}

.knise-native-card {
    display: grid;
    grid-template-columns: 184px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    padding: 0;
    color: inherit !important;
    text-decoration: none !important;
    transition: opacity 0.18s ease;
}

.knise-native-card:hover,
.knise-native-card:focus-visible {
    color: inherit !important;
    opacity: 0.84;
    text-decoration: none !important;
    outline: none;
}

.knise-native-card:focus-visible {
    box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.24);
}

.knise-native-media {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #f6f6f4;
}

.knise-native-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.22s ease;
}

.knise-native-card:hover .knise-native-media img {
    transform: scale(1.025);
}

.knise-native-body {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 2px 0;
}

/* Merking står i leseretningen over overskriften – aldri over bildekanten. */
.knise-native-disclosure {
    display: block;
    color: #a72f26;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.075em;
    line-height: 1.1;
    text-transform: uppercase;
}

.knise-native-headline {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: var(--c-headings, #15191e);
    font-family: var(--title-font, inherit);
    font-size: var(--grid-p-title, 20px);
    font-weight: var(--title-fw-bold, 700);
    line-height: 1.36;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.knise-native-card:hover .knise-native-headline {
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
}

/* Arkiv og forside: inngangen tar én naturlig plass i det eksisterende saksgitteret. */
.knise-archive-banner-wrap,
.knise-archive-feed-row {
    display: block;
    width: auto;
    margin: 0;
    grid-column: auto;
}

.knise-archive-feed-row .knise-archive-banner-wrap {
    width: 100%;
}

.knise-native-archive {
    height: 100%;
    margin: 0;
}

.knise-native-archive .knise-native-card {
    display: flex;
    min-height: 100%;
    height: 100%;
    flex-direction: column;
    gap: 0;
}

.knise-native-archive .knise-native-media {
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #f6f6f4;
}

.knise-native-archive .knise-native-media img {
    object-fit: contain;
}

.knise-native-archive .knise-native-body {
    flex: 1;
    gap: 8px;
    padding: 12px 1px 8px;
}

.knise-native-archive .knise-native-headline {
    -webkit-line-clamp: 3;
}

/* I artikkelteksten: en moderat 200-pikslers inngang som ikke dominerer leseflyten. */
.knise-feed-inline .knise-native-card {
    display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.knise-feed-inline .knise-native-media {
    width: 200px;
    height: 200px;
    aspect-ratio: 1 / 1;
}

.knise-feed-inline .knise-native-media img {
    object-fit: contain;
}

.knise-feed-inline .knise-native-body {
    gap: 9px;
    padding: 2px 0;
}

/* Knise i «Les også»: strukturen arver dimensjoner fra .grid-post/.grid-sm-post. */
.knise-related-product .media {
    position: relative;
}

.knise-related-product .media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Felles bildeoverlegg for alle Knise-plasseringer. */
.knise-image-disclosure {
    position: absolute;
    z-index: 2;
    top: 9px;
    right: 9px;
    display: inline-block;
    padding: 5px 7px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.94);
    color: #5e6268;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.055em;
    line-height: 1;
    text-transform: uppercase;
}

.knise-related-product .post-title a {
    color: var(--c-headings, #15191e);
}


@media (max-width: 640px) {
    /* Mobil: samme brede bilde- og teksthierarki som vanlige artikkelinnganger. */
    .knise-native-module {
        margin: 36px 0;
    }

    .knise-feed-inline {
        margin: 44px 0;
        padding: 0;
    }

    .knise-native-card,
    .knise-feed-inline .knise-native-card {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .knise-native-media,
    .knise-feed-inline .knise-native-media {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .knise-native-media img,
    .knise-feed-inline .knise-native-media img {
        object-fit: cover;
    }

    .knise-native-body {
        gap: 9px;
        padding: 0;
    }

    .knise-native-headline {
        font-family: var(--title-font, inherit);
        font-size: var(--grid-p-title, 20px);
        font-weight: var(--title-fw-bold, 700);
        line-height: 1.36;
        -webkit-line-clamp: 3;
    }

    .knise-native-disclosure {
        font-size: 10px;
    }

    .knise-native-archive .knise-native-card {
        display: flex;
    }
}