/* === Category Widget Base === */
.category-widget {
  padding: 16px;
  border: 1px solid #ddd;
  background: #fff;
  font-family: 'Inter', sans-serif;
}
/* === Typography for List Elements in Sidebar === */
.category-widget ul,
.category-widget ol,
.category-widget li {
  font-family: system-ui, sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}

/* === List Layout === */
.category-section {
  min-height: 120px; /* prevents layout shift */
}

.category-section h3 {
  font-size: 1.25rem;
  margin-bottom: 8px;
  line-height: 1.4;
  min-height: 32px; /* space for 2-line titles */
}

.category-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.category-section li {
  line-height: 1.5;
  min-height: 24px;
  margin-bottom: 6px;
}

/* === Links === */
.post-link,
.category-link {
  text-decoration: none;
  color: #333;
  transition: color 0.2s ease;
}

.post-link:hover,
.category-link:hover {
  color: #0073e6;
}

/* === Responsive Columns === */
@media (min-width: 600px) {
  .category-widget-container {
    grid-template-columns: repeat(2, 1fr);
  }
}