/* ===== Sidebar (Desktop & Mobile) ===== */
.content-grid{display:grid;grid-template-columns:1fr 320px;gap:28px}
@media(max-width:1024px){.content-grid{display:block}}
.sidebar{position:sticky;top:90px;align-self:start}
.sidebar .widget{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;margin-bottom:16px}
.sidebar .widget-title{font-size:16px;line-height:1.25;font-weight:700;color:#e9f0ff;margin:0 0 10px 0;display:flex;align-items:center;gap:8px}
.sidebar .widget-title .dot{width:8px;height:8px;border-radius:50%;background:#45c7ff;display:inline-block}
.sidebar .list{display:grid;gap:10px}
.sidebar .list a{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;text-decoration:none;color:#dbe6ff;font-size:14px;line-height:1.25}
.sidebar .thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.sidebar .thumb img{width:100%;height:100%;object-fit:cover}
.sidebar .item-title{font-weight:600}
.sidebar .item-meta{font-size:12px;opacity:.7}
.social-list{display:grid;gap:8px}
.social-list a{display:inline-flex;align-items:center;gap:8px;color:#cfe2ff;text-decoration:none;font-size:14px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
#main-content-wrap{width:100%}



/* Ensure sidebar appears as a right column on desktop widths */
@media (min-width: 992px){
  .content-grid{
    display:grid;
    grid-template-columns:minmax(0, 2fr) minmax(280px, 1fr);
    gap:28px;
    align-items:flex-start;
  }
}