/**
Нормализация блочной модели
*/
*,
::before,
::after {
    box-sizing: border-box;
}

html {
    /**
        Пригодится в большинстве ситуаций
        (когда, например, нужно будет "прижать" футер к низу сайта)
    */
    height: 100%;
    /**
        Убираем скачок интерфейса по горизонтали
        при появлении / исчезновении скроллбара
    */
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}

/**
Плавный скролл
*/
html:has(:target) {
    scroll-behavior: smooth;
}
 
body {
    /**
        Пригодится в большинстве ситуаций
        (когда, например, нужно будет "прижать" футер к низу сайта)
    */
    min-height: 100%;
    /**
        Унифицированный интерлиньяж
    */
    line-height: 1.5;
}

/**
Нормализация высоты элемента ссылки при его инспектировании в DevTools
*/
a:where([class]) {
    display: inline-flex;
}

/**
Курсор-рука при наведении на элемент
*/
button,
label {
    cursor: pointer;
}
 
/**
Чиним баг задержки смены цвета при взаимодействии с svg-элементами
*/
svg * {
    transition-property: fill, stroke;
}
 
/**
Упрощаем работу с изображениями и видео
*/
img,
video {
    display: block;
    max-width: 100%;
    height: auto;
}

/**
Наследуем свойства шрифт для полей ввода
*/
input,
textarea,
select,
button {
    font: inherit;
}