/* Единый sans-serif на всём сайте + оформление логотипа. Чтобы отключить - уберите <link> на этот файл. */
:root{--font:"Roboto","Segoe UI",system-ui,-apple-system,Arial,sans-serif;--serif:var(--font)}
html,body{font-family:var(--font)}
button,input,select,textarea{font-family:inherit}

/* с гротеском нужны чуть другие веса и интервалы, чем с антиквой */
h1{font-weight:800;letter-spacing:-.025em}
h2,h3,.sub{letter-spacing:-.01em}
blockquote p,.rev p{font-style:normal}
.eyebrow,.foot h4,th,.stats span,blockquote cite{font-weight:600}

/* название / логотип в левом верхнем углу */
.logo,#docBrand{display:inline-flex;align-items:center;gap:12px}
.brand-logo{display:block;width:auto;max-width:220px;object-fit:contain}
@media(max-width:700px){
  .logo.has-logo{display:inline-flex}
  .logo.has-logo .brand-name{display:none}
  .logo.has-logo~.tabs{width:auto;flex:1;min-width:0}
  .brand-logo{max-width:120px;max-height:36px}
}