/* Исправленный CSS с правильным порядком и объединенными стилями */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.6;
  color: var(--text-color);
}

aside {
  display: block;
  padding: 4%;
  font-weight: 400;
  background: Gainsboro;
}

.sidebar-left {
  grid-area: sidebar-left;
}

.sidebar-right {
  grid-area: sidebar-right;
}

/* Стили для контейнера */
.container {
  display: grid;
  grid-template-areas: 
    "header header header"
    "nav nav nav"
    "sidebar-left main sidebar-right"
    "footer footer footer";
  grid-template-columns: 250px 1fr 250px;
  grid-template-rows: auto auto 1fr auto;
  min-height: 100vh;
}

/* Области grid */
header { grid-area: header; }
nav { grid-area: nav; }
section[role="main"] { grid-area: main; }
footer { grid-area: footer; }

/* Адаптивность для мобильных */
@media (max-width: 798px) {
  .container {
    grid-template-areas: 
      "header"
      "nav"
      "main"
      "sidebar-left"
      "sidebar-right"
      "footer";
    grid-template-columns: 1fr;
  }
}

/* Десктопные стили */
@media only screen and (min-width: 799px) {
  .container {
    line-height: 1.5;
  }
}