/* ============================================================
   Сброс и нормализация базовых стилей браузера.
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth; scroll-padding-top:88px; -webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--body);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img,svg{display:block; max-width:100%}

h1,h2,h3,h4{font-family:var(--display); font-weight:600; line-height:1.08; letter-spacing:-.02em; text-wrap:balance; overflow-wrap:break-word; margin:0}

p{margin:0}

a{color:inherit}

ul,ol{margin:0; padding:0; list-style:none}
[hidden]{display:none !important}

button,input,select,textarea{font:inherit; color:inherit}

:focus-visible{outline:3px solid var(--brand-ink); outline-offset:3px; border-radius:4px}

::selection{background:var(--yellow); color:var(--on-yellow)}