.layout-with-sidebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 32px;
  padding: 32px 0 48px;
  align-items: start;
}

.sidebar { position: sticky; top: 90px; }

.sidebar-widget {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 18px;
  margin-bottom: 16px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.sidebar-widget h3 {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #888;
  margin-bottom: 12px;
}

.sidebar-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  background: #f2f4f7;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 0.75rem;  
}

.sidebar-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.sidebar-list li { padding: 6px 0; border-bottom: 1px solid #f3f3f3; font-size: 0.875rem; }
.sidebar-list li:last-child { border-bottom: none; }
.sidebar-list li::before {
  content: none !important;
}

.sidebar-list a { 
  display: block;
  line-height: 1.4;
  color: #555;
  transition: 0.15s;
 }
.sidebar-list a:hover { color: #0f6fd1; text-decoration: none; padding-left: 4px; }
.sidebar-list a.active {
	font-weight: 600;

  color: #0f6fd1;
}
.sidebar-list a::before {
  content: "›";
  color: #bbb;
  margin-right: 6px;
}


.count {
  font-weight: 600;
  color: #111;
}




@media (max-width: 768px) {

  .layout-with-sidebar { grid-template-columns: 1fr; }
  .sidebar { 
    order: -1;
    margin-bottom: 20px;
  }


}