/* =============================================================
   BASE / RESET
   
   Минимальный reset — только техническая нормализация браузеров.
   
   НЕ обнуляет заголовки, отступы, списки и т.п. — этим
   занимаются elements.css и компоненты.
   
   В отличие от «opinionated reset», оставляет браузерные
   дефолты для h1-h6, p, ul, ol и т.д.
   ============================================================= */

/* Единая модель блока для всех элементов */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Убираем outline у мышиного фокуса, оставляем у клавиатурного */
:focus:not(:focus-visible) {
    outline: none;
}

/* Медиа — как блочные элементы с ограничением по ширине */
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}

/* Форменные элементы наследуют шрифт от родителя.
   Иначе <button> в Safari будет использовать свою систему. */
input,
button,
textarea,
select {
    font: inherit;
}

/* Textarea ресайзится только вертикально */
textarea {
    resize: vertical;
}

/* [hidden] должен скрываться всегда — даже если ему назначен display */
[hidden] {
    display: none !important;
}