/*=========================================
Article
=========================================*/

.ri-article{

    font-family:"Poppins",sans-serif;

    color:var(--e-global-color-text);

}

.ri-article p{

    font-family:"Poppins",sans-serif;

    font-size:16px !important;

    font-weight:400;

    line-height:1.9;

    color:var(--e-global-color-text);

    margin-bottom:30px;

}

.ri-article h2{

    font-family:"Poppins",sans-serif;

    font-size:20px;

    font-weight:600;

    line-height:1.4em;

    color:var(--e-global-color-primary);

    margin:70px 0 25px;

}

.ri-article h3,

.ri-article h4,

.ri-article h5,

.ri-article h6{

    font-family:"Poppins",sans-serif;

    font-size:20px;

    font-weight:600;

    line-height:1.4em;

    color:var(--e-global-color-primary);

    margin:50px 0 20px;

}

.ri-article ul,

.ri-article ol{

    margin:30px 0;

    padding-left:22px;

}

.ri-article li{

    font-family:"Poppins",sans-serif;

    font-size:16px;

    font-weight:400;

    line-height:1.9;

    color:var(--e-global-color-text);

    margin-bottom:12px;

}

.ri-article strong{

    font-weight:600;

    color:var(--e-global-color-primary);

}

.ri-article a{

    color:var(--e-global-color-primary);

    text-decoration:none;

    transition:all .3s ease;

}

.ri-article a:hover{

    color:#f57c00;

    text-decoration:underline;

}

.ri-article img{

    width:100%;

    height:auto;

    border-radius:16px;

    margin:40px 0;

}

.ri-post-tags{

    margin-top:80px;

    padding-top:40px;

    border-top:1px solid #E5E7EB;

}

.ri-tag-list{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}

.ri-tag-list a{

    padding:10px 18px;

    border-radius:999px;

    background:#F3F4F6;

    color:#111827;

    font-size:14px;

    transition:all .3s ease;

}

.ri-tag-list a:hover{

    background:#f57c00;

    color:#fff;

}


/*=========================================
Post Navigation (Previous / Next)
=========================================*/

.ri-post-navigation {

    margin-top: 50px;

    margin-bottom: 40px;

}

.ri-post-nav-inner {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

    border: 1px solid #E8EDF5;

    border-radius: 12px;

    padding: 28px;

    background: #fff;

    gap: 30px;

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);

}

.ri-post-nav-prev,

.ri-post-nav-next {

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

}

.ri-post-nav-prev {

    align-items: flex-start;

    text-align: left;

}

.ri-post-nav-next {

    align-items: flex-end;

    text-align: right;

    margin-left: auto;

}

.ri-post-nav-prev a,

.ri-post-nav-next a {

    display: inline-flex;

    flex-direction: column;

    text-decoration: none;

    max-width: 100%;

}

.ri-post-nav-label {

    align-items: center;

    color: var(--primary, #0B4EA2);

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 10px;

    letter-spacing: 0.03em;

    transition: color 0.3s ease;

}

.ri-post-nav-arrow {

    font-size: 15px;

    font-weight: 700;

    transition: transform 0.3s ease;

}

/* Hover effects */

.ri-post-nav-prev a:hover .ri-post-nav-arrow {

    transform: translateX(-5px);

}

.ri-post-nav-next a:hover .ri-post-nav-arrow {

    transform: translateX(5px);

}

.ri-post-nav-prev a:hover .ri-post-nav-label,

.ri-post-nav-next a:hover .ri-post-nav-label {

    color: var(--secondary, #7DBA28);

}

.ri-post-nav-prev a:hover .ri-nav-title,

.ri-post-nav-next a:hover .ri-nav-title {

    color: var(--secondary, #7DBA28);

}

.ri-nav-title {

    color: var(--dark, #1D2B45);

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: 600;

    line-height: 1.45;

    margin: 0;

    transition: color 0.3s ease;

}

/* Responsive adjustment */

@media (max-width: 768px) {

    .ri-post-nav-inner {

        flex-direction: column;

        gap: 24px;

        padding: 24px;

    }

    .ri-post-nav-prev,

    .ri-post-nav-next {

        align-items: flex-start;

        text-align: left;

    }

    .ri-post-nav-next {

        border-top: 1px solid #E8EDF5;

        padding-top: 24px;

    }

    .ri-post-nav-next a {

        align-items: flex-start;

    }

}