/* Сброс браузера и базовая типографика по тегам — одно из двух исключений из правила «стили только
   на классах» (второе — HTML из редактора внутри .content-body). */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 18px/1.55 var(--font-ui); }
h1, h2, h3, p, figure, blockquote, ul, ol { margin: 0; }
ul, ol { padding: 0; list-style: none; }
img { display: block; max-width: 100%; height: auto; }
a { color: var(--accent); text-decoration-line: underline; text-decoration-style: var(--link-style); text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .15s; }
a:hover { color: var(--accent-dark); text-decoration-style: solid; }
button, input { font: inherit; color: inherit; }
button { cursor: pointer; }
a, button, input { -webkit-tap-highlight-color: transparent; }
/* рамку фокуса гасим только у фокуса мышью: где :focus-visible не знают (старый Safari), остаётся штатная */
:focus:not(:focus-visible) { outline: none; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }