/* --- Sidebar (on wide screens) --- */

.site-sidebar {
  padding: var(--space-lg);
  border-left: 1px solid var(--color-border);
  font-size: var(--text-sm);
}

.site-sidebar h3 {
  font-size: var(--text-base);
  margin: 0 0 var(--space-sm);
  color: var(--color-text-muted);
}

.site-sidebar .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs);
  list-style: none;
  padding: 0;
}

.sidebar-more {
  display: block;
  margin-top: var(--space-md);
  font-size: var(--text-sm);
  color: var(--color-primary);
}

/* Wide layout with sidebar */
@media (width >= 1024px) {
  .home-view {
    grid-template-columns: 1fr min(60ch, 100%) 240px;
    gap: var(--space-xl);
  }

  .site-sidebar {
    grid-column: 3;
    grid-row: 1 / -1;
  }
}