/* Shared page layout for forum pages */
.page {
  max-width: 1480px;
  margin: 0 auto;
  padding: 0 24px 48px;
  width: min(1480px, 100%);
}

.site-header,
.site-footer {
  width: 100%;
  margin: 0;
}

.site-header .container,
.site-footer .container {
  width: min(1480px, 100%);
  margin: 0 auto;
  padding: 0 16px;
}


.page-main {
  width: 100%;
}

.layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 20px;
  align-items: start;
}

.content {
  min-width: 0;
}

.sidebar {
  display: grid;
  gap: 16px;
}

@media (max-width: 900px) {
  .layout {
    grid-template-columns: 1fr;
  }

  .sidebar {
    order: 2;
  }

  .sidebar input,
  .sidebar select,
  .sidebar button {
    width: 100%;
  }
}