.site-main {
  min-height: 100vh;
  padding-top: var(--header-height);
  padding-left: var(--sidebar-width);
  transition: padding-left 180ms ease;
}

body.sidebar-collapsed .site-main {
  padding-left: 0;
}

.page-content {
  width: 100%;
}

.page-padding {
  padding: 28px 32px 52px;
}

.content-section {
  margin-bottom: 48px;
}

.content-grid {
  display: grid;
  gap: 20px;
}

.grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

@media (max-width: 1179px) {
  .grid-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .site-main {
    padding-left: 0;
  }

  .page-padding {
    padding: 20px 16px 38px;
  }

  .content-section {
    margin-bottom: 38px;
  }

  .grid-4,
  .grid-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}