/* Additions for the benchmark landing. style.css is the mddb landing stylesheet,
   copied byte for byte; everything this page needs on top of it lives here. */

/* Bricolage Grotesque has no Cyrillic: the Russian page uses Manrope, the display
   face of the benchmark web app. */
html[lang="ru"]{--font-display:"Manrope",system-ui,sans-serif}
html[lang="ru"] h1{letter-spacing:-.02em}

/* Language switch. Unlike nav a.link it stays visible on narrow screens. */
.lang{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:10px;padding:3px;
  background:rgba(14,23,53,.5);font-family:var(--font-mono);font-size:.78rem}
.lang b,.lang a{padding:.3em .65em;border-radius:7px;line-height:1.2}
.lang b{font-weight:500;background:rgba(56,168,240,.16);color:var(--blue-bright)}
.lang a{color:var(--ink-dim);text-decoration:none;transition:color .2s}
.lang a:hover{color:var(--ink)}
@media(max-width:480px){.nav-inner{gap:12px}.brand .tld{display:none}}

/* The benchmark is not online yet: the call to action is shown, not linked. */
.btn[aria-disabled="true"] { opacity: .6; cursor: default; pointer-events: none; }