.category-recent-posts {
    margin: 32px 0;
    padding: 20px;
    border-radius: 16px;
    background: var(--color-light-brand-primary-5, rgba(0, 82, 204, 0.05));
}

.category-recent-posts .media:not(:last-child) {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--color-light-divider, rgba(23, 23, 23, 0.1));
}

.category-recent-posts .thumbnail-background {
    width: 120px;
    height: 72px;
    margin-right: 14px;
    border-radius: 8px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.category-recent-posts h5 a {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 5px;
    color: var(--cp-legacy-text-strong, #171717);
    font-size: var(--Font-Size-type-size-label, 14px);
    font-weight: var(--Font-Weight-type-weight-semi-bold-600, 600);
    line-height: var(--Line-Height-type-lh-label, 18px);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.category-recent-posts p {
    color: var(--cp-legacy-text-muted, rgba(23, 23, 23, 0.7));
    font-size: var(--Font-Size-type-size-caption, 12px);
    font-weight: var(--Font-Weight-type-weight-medium-500, 500);
    line-height: var(--Line-Height-type-lh-caption, 16px);
}

.category-recent-posts p span {
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid var(--color-light-divider, rgba(23, 23, 23, 0.1));
}

.post-author-name a {
    color: var(--color-light-brand-primary-80, rgba(0, 82, 204, 0.8));
}



.youtube-section {
    margin: 32px 0;
    padding: 20px;
    border-radius: 8px;
    background: var(--color-light-error-primary-5, #fdf4f4);
}

.youtube-image {
    line-height: 0;
}

.youtube-section img {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.youtube-content {
    min-height: 45px;
    padding: 8px 12px;
    color: var(--color-light-foreground-inverse, #fff);
    background: #000;
    border-radius: 0 0 10px 10px;
}

.youtube-content a {
    float: right;
    padding: 6px 16px 5px;
    border-radius: 4px;
    color: var(--color-light-foreground-inverse, #fff);
    background: var(--color-light-error-primary, #dc2626);
    font-size: var(--Font-Size-type-size-label, 14px);
    font-weight: var(--Font-Weight-type-weight-medium-500, 500);
    line-height: var(--Line-Height-type-lh-label, 18px);
}

.youtube-content span {
    display: inline-block;
    margin-top: 5px;
    font-size: var(--Font-Size-type-size-label, 14px);
    font-weight: var(--Font-Weight-type-weight-medium-500, 500);
    line-height: var(--Line-Height-type-lh-label, 18px);
}

.article_register_shortcode {
    display: flex;
    align-items: center;
    margin: 6px 0 22px;
    padding: 18px 24px;
    border: 1px solid var(--cp-legacy-brand-border-30, rgba(0, 82, 204, 0.3));
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, var(--cp-legacy-brand-alpha-10, rgba(0, 82, 204, 0.1)) 100%);
}

.article_register_shortcode .media-body {
    padding-right: 14px;
}

.article_register_shortcode .media-body h5 {
    color: var(--cp-legacy-text-strong, #171717);
    font-size: var(--Font-Size-type-size-title-h3, 20px);
    font-weight: var(--Font-Weight-type-weight-semi-bold-600, 600);
    line-height: var(--Line-Height-type-lh-sub-title-h4, 20px);
    text-align: left;
}

.article_register_shortcode .media-body h5 span {
    color: var(--cp-legacy-brand-primary, #0052cc);
}

.article_register_shortcode .media-body p {
    margin-top: 4px;
    color: var(--cp-legacy-text-muted, rgba(23, 23, 23, 0.7));
    font-size: var(--Font-Size-type-size-label, 14px);
    font-weight: 400;
    line-height: var(--Line-Height-type-lh-sub-title-h4, 20px);
    text-align: left;
}

.article_register_shortcode .media-button a {
    float: right;
}

.article_register_shortcode .primary-button img {
    display: inline-block;
    width: 20px;
    margin: 0;
    vertical-align: middle;
}

.article-inside-link {
    margin-left: 0 !important;
    padding: 10px 0;
    text-align: left;
    border-top: 1px solid var(--cp-legacy-brand-border-30, rgba(0, 82, 204, 0.3));
    border-bottom: 1px solid var(--cp-legacy-brand-border-30, rgba(0, 82, 204, 0.3));
    border-left: 0;
    border-right: 0;
}
.article-inside-link a{
    color: var(--cp-legacy-brand-primary);

}
.entry ul.article-inside-link li {
    display: inline-block;
    margin-bottom: 0;
    font-size: var(--Font-Size-type-size-label, 14px);
    font-weight: var(--Font-Weight-type-weight-semi-bold-600, 600);
    line-height: var(--Line-Height-type-lh-sub-title-h4, 20px);
    list-style-type: none;
}

.entry ul.article-inside-link li:last-child {
    display: none;
}

@media (min-width: 581px) and (max-width: 991px) {
    .article_register_shortcode .media-body p {
        margin-bottom: 0;
    }
}

@media (max-width: 580px) {
    .category-recent-posts {
        padding: 12px;
    }

    .category-recent-posts .home-post-section h4 {
        display: -webkit-box;
        overflow: hidden;
        margin: 0 0 12px;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .category-recent-posts .home-post-section h5 .author-name,
    .category-recent-posts .home-post-section .published_date {
        font-size: var(--Font-Size-type-size-caption, 12px);
        line-height: var(--Line-Height-type-lh-caption, 16px);
    }

    .category-recent-posts .home-post-section {
        margin-top: 12px;
        padding-bottom: 12px;
    }

    .article_register_shortcode {
        display: block;
        padding: 20px;
    }

    .article_register_shortcode img {
        max-width: 50px;
    }

    .article_register_shortcode .media-body {
        margin-left: 0;
    }

    .article_register_shortcode .media-body h5 {
        font-size: var(--Font-Size-type-size-sub-title-h4, 16px);
        line-height: var(--Line-Height-type-lh-sub-title-h4, 20px);
    }

    .article_register_shortcode .media-body p {
        margin-top: 6px;
        margin-bottom: 14px;
        font-size: var(--Font-Size-type-size-caption, 12px);
        line-height: var(--Line-Height-type-lh-caption, 16px);
    }

    .article_register_shortcode .media-button a {
        float: unset;
    }

    .article_register_shortcode .secondary-button {
        margin-bottom: 0;
    }
}