* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

.container {
    display: flex;
    min-height: 100vh;
}

/* Стили для боковой панели */
.sidebar {
    width: 152px;
    background-color: #C8B48C;
    color: black;
    padding: 16px 0;   /*отступы сверху и слева*/

    max-height: 100vh;  /* высота максимум на экран, но может быть меньше*/
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto; /* позволяет прокручивать сам сайдбар, если ссылок много */
}

.nav-list {
    list-style: none;
}

.nav-list li {
    padding: 4px 6px;   /* отступы между сыылками по вертикали и слева

     line-height: 1.0;    /* или 1.3, 1.4 — подберите комфортное значение */
     margin-bottom: 0px;    /* было, например, 8 px */
}

.nav-list a {
    color: black;
    text-decoration: none;
    display: block;
    /*transition: background-color 0.3s;*/

    padding: 4px 0px;    /* между ссылками по вертик и слева*/
    line-height: 1.1;        /* межстрочн интервал (высота строк) у ссылок */
}

.nav-list a:hover {
    background-color: #DCD6BC;
    padding-left: 0px;    /* Сдвиг текста ссылки вправо при наведении мышкой */
}

/* Стили для области контента */
.content {
     flex: 1;
     padding: 20px;
     overflow-y: auto;

    margin-left: 140px;   /* отступ равен ширине сайдбара + небольшой зазор */
    line-height: 1.2;        /* межстрочн интервал (высота строк) контента */
}

section {
    margin-bottom: 0px;
}