.challenge-media {
    margin: 8px 0 14px;
}

.challenge-media img,
.challenge-media video {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    display: block;
}

.challenge-media .media-caption {
    font-size: .85rem;
    color: #666;
    margin-top: 6px;
    word-break: break-word;
}


.challenge-media {
    margin: 8px 0 14px;
}

.challenge-media img,
.challenge-media video {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
    display: block;
}

.media-text,
.media-text-below {
    margin-top: 6px;
    font-size: 1.1rem;
    line-height: 1.35;
    white-space: pre-wrap;
}

.media-source {
    margin-top: 6px;
    font-size: 0.9rem;
    color: #666;
}

.media-source a {
    color: inherit;
    text-decoration: underline;
}

.x-embed-wrap {
    display: grid;
    gap: 8px;
}

.x-skeleton {
    height: 280px;
    /* juster ved behov */
    border-radius: 12px;
    background: linear-gradient(90deg, #f3f4f6 25%, #eceff3 37%, #f3f4f6 63%);
    background-size: 400% 100%;
    animation: x-skeleton-pulse 1.2s ease-in-out infinite;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
}

@keyframes x-skeleton-pulse {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}