body{font-family:ui-sans-serif,system-ui,Arial,sans-serif;margin:0;background:#fff;}
.flex-wrap-main{display:flex;max-width:1400px;margin:0 auto;padding: 0px 0px 0px 0px;}
.sidebar-left{width:220px;min-width:180px;position:sticky;top:90px;align-self:flex-start;z-index:2;}
.articles-center{flex:1;min-width:0;display:flex;flex-direction:column;}
.sidebar-right{width:300px;min-width:210px;position:sticky;top:90px;align-self:flex-start;z-index:2;}
.posts-list-scrollable {
    margin: 5px;}
 .post-card-articles{display:flex;flex-direction:row-reverse;background:#fff;box-shadow:none;margin-bottom:0;border:none;border-radius:0;border-bottom:1px solid #ececec;overflow:visible;padding:18px 0 14px 0;}
.post-thumb-wrap{flex:0 0 180px;width:180px;height:135px;overflow:hidden;align-items:center;justify-content:center;background:#f4f6fa;}
.post-thumb{width:100%;height:100%;object-fit:cover;display:block;}
.post-main-content{flex:1;padding:17px 22px 13px 20px;display:flex;flex-direction:column;min-width:0;}
.post-header{display:flex;align-items:center;gap:8px;margin-bottom:2px;}
.post-avatar{width:37px;height:37px;border-radius:50%;object-fit:cover;background:#e6e7ee;}
.post-user{font-weight:700;color:#1a2c44;font-size:1.07em;}
.verified-badge{display:inline-block;vertical-align:middle;margin-left:2px;}
.post-cat{background:#2696fa0d;color:#2696fa;border-radius:13px;font-size:.92em;font-weight:700;margin-left:auto;margin-right:0;padding:2px 10px;display:inline-block;}
.post-time{color:#9ba1b5;font-size:.96em;margin-left:6px;}
.follow-link{margin-left:12px;color:#1a84ff;font-weight:600;cursor:pointer;}
.follow-link.following{color:#8f8f8f;}
.post-title{font-size:1.14em;font-weight:700;margin:7px 0 8px 0;line-height:1.25;}
.post-desc{color:#232f3b;font-size:1.08em;margin-bottom:8px;}
.post-meta{display:flex;align-items:center;gap:22px;margin-top:7px;}
.meta-item{display:inline-flex;align-items:center;gap:4px;font-size:1em;color:#7d8ba6;}
.meta-item svg{vertical-align:middle;}
.bookmarks-meta{cursor:pointer;transition:color .13s;}
.bookmarks-meta.bookmarked svg{fill:#2696fa!important;stroke:#2696fa!important;}
.bookmarks-meta svg{fill:none;stroke:#7d8ba6;}
.bookmarks-count{font-weight:600;}
.pagination{margin:32px 0 0 0;display:flex;gap:7px;flex-wrap:wrap;}
.pagination-link{padding:6px 15px;text-decoration:none;border-radius:7px;}
.pagination-link.active{background:#2696fa;color:#fff;}
.pagination-link:not(.active){background:#f3f5f7;color:#379;}
@media(max-width:1200px){.flex-wrap-main{max-width:99vw;padding-left:2vw;padding-right:2vw;}.sidebar-right{display:none!important;}}
@media(max-width:900px){.flex-wrap-main{padding: 5px 0px 0px 5px; flex-direction:column;gap:0;}.sidebar-left,.sidebar-right{display:none!important;}.articles-center{width:100%;}

.posts-list-scrollable{max-width:100vw; }}
/* MOBILE ONLY */
.post-card-mobile{display:none;}
@media(max-width:650px){
  .sidebar-left,.sidebar-right{display:none!important;}
  .post-card-articles{display:none!important;}
  .post-card-mobile{display:block;background:#fff;border-radius:0;border:none;margin:0 -10px 0 -10px;width:100vw;max-width:100vw;border-bottom:1px solid #ececec;box-shadow:none;padding:13px 0 10px 0;}
  .post-card-mobile .post-header{display:flex;align-items:center;gap:7px;margin-bottom:8px;padding:0 10px 0 10px;font-size:1em;}
  .post-card-mobile .post-content-row{display:flex;align-items:flex-start;width:100%;}
  .post-card-mobile .post-thumb-wrap{flex:0 0 110px;width:110px!important;height:75px!important;min-height:75px!important;max-height:100px!important;overflow:hidden;margin-left:12px;background:#f3f6fa;display:flex;align-items:center;justify-content:center;}
  .post-card-mobile .post-thumb{width:110px!important;height:75px!important;object-fit:cover;display:block;}
  .post-card-mobile .post-main-content{flex:1 1 0;display:flex;flex-direction:column;min-width:0;background:#fff;padding:0 0 0 10px;justify-content:center;}
  .post-card-mobile .post-title{font-size:1.09em;font-weight:700;margin:4px 0 4px 0;line-height:1.2;color:#222;}
  .post-card-mobile .post-desc{color:#28323e;font-size:.97em;line-height:1.4;margin-bottom:5px;margin-right:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:calc(100vw - 140px);}
  .post-card-mobile .post-meta{display:flex;align-items:center;gap:12px;margin-top:3px;font-size:.95em;color:#8491a7;padding-bottom:2px;}
  .post-card-mobile .meta-item svg{vertical-align:middle;}
  .post-card-mobile .post-cat{background:#2696fa0d;color:#2696fa;border-radius:13px;font-size:.92em;font-weight:700;margin-left:auto;margin-right:0;padding:2px 10px;display:inline-block;}
  .post-card-mobile .post-avatar{width:31px;height:31px;border-radius:50%;object-fit:cover;background:#e6e7ee;}
  .post-card-mobile .post-user{font-weight:600;color:#232d37;font-size:1em;}
  .post-card-mobile .verified-badge{margin-left:2px;}
  .post-card-mobile .post-time{color:#999db4;font-size:.93em;margin-left:7px;}
  .post-card-mobile .follow-link{margin-left:auto;color:#1a84ff;font-weight:600;padding:2px 9px;font-size:.95em;line-height:1.3;}
  .post-card-mobile .follow-link.following{color:#8f8f8f;}
}