/* Header menu with five links (How it works, Meet your team, Their computers,
   Features, Pricing) on the homepage and on /features/ pages.

   From 1401px wide the full menu is shown (below that the homepage uses the
   menu button, see readability.css). The header is capped at the 1280px wrap,
   and at the homepage's own sizes (43px brand, 19.5px menu) four English links
   already fill it and the Romanian ones overflow. These rules size the brand,
   the menu and the buttons so that five links fit on one line in English and
   in Romanian. Nothing here applies below 1401px. */
@media (min-width: 1401px) {
  body.readable .header-inner { gap: 20px; }
  body.readable .site-header .brand { font-size: 40px !important; }
  body.readable .main-nav { gap: 18px; }
  body.readable .main-nav > a,
  body.readable .signin { font-size: 17px !important; }
  body.readable .header-actions { gap: 14px; }
  body.readable .language-button { font-size: 14px !important; min-width: 52px; }
  body.readable .header-actions .button-small {
    font-size: 16px !important; padding-inline: 15px; gap: 14px; white-space: nowrap;
  }
  html[lang="ro"] body.readable .main-nav { gap: 14px; }
  html[lang="ro"] body.readable .main-nav > a,
  html[lang="ro"] body.readable .signin { font-size: 14.5px !important; }
  html[lang="ro"] body.readable .header-actions .button-small { font-size: 15px !important; padding-inline: 13px; gap: 10px; }
}
body.readable .main-nav > a[aria-current="page"] { color: #fff; }