/* ===== LAYOUT BÀI VIẾT ===== */

.oreli-article-layout {
    display: grid;
    grid-template-columns: minmax(0, 2fr) 340px;
    gap: 40px;
    align-items: start;
}

/* CONTENT */

.oreli-article-content {
    min-width: 0;
    max-width: 800px;
}

.oreli-post-title {
    font-size: 34px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.oreli-post-content {
    font-size: 17px;
    line-height: 1.8;
}

/* SIDEBAR */

.oreli-sidebar {
    position: sticky;
    top: 140px;
    align-self: start;
    height: fit-content;
}
.oreli-article-cta{
    
    margin-top: 30px;
    padding: 20px;
    background: radial-gradient(circle at center,
                #ffb700 0%,
                #ff4c00 100%);
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    text-align: center;
    color: #fff;
}
.oreli-widget{
background: #fff;
padding:20px;
border-radius:10px;
margin-bottom:25px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

.oreli-widget h3{
font-size:18px;
margin-bottom:15px;
}

.oreli-widget ul{
list-style:none;
padding:0;
margin:0;
}

.oreli-widget li{
margin-bottom:10px;
}

.oreli-widget a{
text-decoration:none;
color:#333;
}

.oreli-widget a:hover{
color:#9c0c6f;
}

/* BUTTON */

.oreli-btn{
display:inline-block;
background:#9c0c6f;
color:#fff;
padding:10px 18px;
border-radius:999px;
text-decoration:none;
margin-top:10px;
}

/* MOBILE */

@media(max-width:900px){

.oreli-article-layout{
grid-template-columns:1fr;
}

}

.oreli-sidebar{
position:sticky;
top:120px;
height:fit-content;
}