/* style.min.css - минимальный критический CSS */

/* Сбрасываем базовые отступы и шрифты */
html,body{margin:0;padding:0;font-family:sans-serif;line-height:1.5;color:#111;background:#fff}

/* Заголовки */
h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}

/* Ссылки */
a{text-decoration:none;color:#0073aa}
a:hover,a:focus{color:#005177}

/* Изображения */
img{max-width:100%;height:auto;display:block}

/* Контейнеры и блоки */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}

/* Хедер */
.header,header{
    display:flex;
    align-items:center;         /* Центрируем вертикально */
    justify-content:center;     /* Центрируем горизонтально */
    flex-wrap:wrap;             /* Чтобы меню переносилось при узких экранах */
    height:60px;
    padding:0 1rem;
    box-sizing:border-box;
}

/* Основной контент и футер */
.main,main{padding:1rem}
.footer,footer{padding:1rem;text-align:center;font-size:0.85rem;color:#666}

/* Списки */
ul,ol{margin:0;padding-left:1.5rem}
ul.is-style-checkmark-list{list-style-type:"\2713"}
ul.is-style-checkmark-list li{padding-inline-start:1ch}

/* Кнопки */
button,input[type=submit]{cursor:pointer;font-family:inherit}

/* Минимальные медиа-запросы для адаптива */
@media(max-width:768px){
    .container{padding:0 .5rem}
    .header,header{
        flex-direction:column;
        height:auto;
        align-items:center; /* Центрируем блоки хедера на мобильных */
    }
}