/* ==== UTS-RECENT-V2 START ==== */

@media (min-width:901px){.tab-panel-wrap .article-sidebar{width:320px}}
.article-sidebar .sidebar-card{padding:16px 18px}
.article-sidebar .widget-title{margin-bottom:10px;font-size:15px;text-align:left}
.article-sidebar .uts-recent{list-style:none;margin:0;padding:0;border:0}
.article-sidebar .uts-recent>li{margin:0;padding:0;border:0;border-top:1px solid #eef2f6}
.article-sidebar .uts-recent>li:first-child{border-top:0}
.article-sidebar .uts-recent>li>a{display:flex;gap:10px;align-items:flex-start;padding:12px 0;text-decoration:none;border:0;transform:none}
.article-sidebar .uts-recent>li>a:hover{transform:none;text-decoration:none}
.article-sidebar .uts-recent-thumb{width:78px;height:58px;border-radius:6px;overflow:hidden;flex:0 0 78px;background:#f1f5f9;position:relative;display:block}
.article-sidebar .uts-recent-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.article-sidebar .uts-recent>li>a:hover .uts-recent-thumb img{transform:scale(1.05)}
.article-sidebar .uts-recent-thumb.is-empty::before{content:"UTS";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;letter-spacing:.16em;color:#c7d0db;z-index:1}
.article-sidebar .uts-recent-thumb.is-empty::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8fafc,#eef2f7)}
.article-sidebar .uts-recent-body{min-width:0;flex:1;display:block}
.article-sidebar .uts-recent-title{font-size:13.5px;line-height:1.4;font-weight:600;color:#1f2937;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.article-sidebar .uts-recent>li>a:hover .uts-recent-title{color:#e22e2b}
.article-sidebar .uts-recent-meta{font-size:11px;color:#9aa5b1;margin-top:5px;display:flex;gap:6px;align-items:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-sidebar .uts-recent-meta .dot{width:3px;height:3px;border-radius:50%;background:#d5dbe3;display:inline-block;flex:0 0 3px}
@media (max-width:900px){
.article-sidebar .uts-recent>li>a{padding:11px 0;gap:9px}
.article-sidebar .uts-recent-thumb{width:68px;height:51px;flex-basis:68px}
.article-sidebar .uts-recent-title{font-size:13px;min-height:36px}
}
@media (max-width:900px){
html,body{overflow-x:hidden!important}
body{position:static!important;min-width:0!important;width:auto!important;left:auto!important;top:auto!important}
.container,.web_main,.page_main,.layout,.main{width:auto!important;min-width:0!important;max-width:100%!important}
.tab-panel-wrap{display:block!important;gap:0!important}
.article-main{padding:20px 16px!important;border-radius:6px}
.article-sidebar{width:100%!important;position:static!important;max-height:none!important;overflow:visible!important;margin-top:18px}
.article-sidebar .sidebar-card{padding:14px}
.fl-rich-text p,.fl-rich-text li{font-size:15px!important;line-height:1.75!important}
.fl-rich-text img{max-width:100%!important;height:auto!important}
.fl-rich-text table{display:block!important;overflow-x:auto;width:100%!important}
}

/* ==== UTS-RECENT-V2 END ==== */