/* Preserve the desktop design and make controls independent of OS emoji fonts. */
.ui-arrow{display:inline-block;width:1em;height:1em;min-width:1em;flex:0 0 auto;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.button>.ui-arrow{width:18px;height:18px;min-width:18px}
.button>span,.text-button>span{flex-shrink:0}
.button,.text-button{max-width:100%;text-align:start;overflow-wrap:anywhere}
.split-layout>*,.technology-panel>*,.indicator-heading>*,.private-body>*,.section-heading>*{min-width:0}
h1,h2,h3,p{overflow-wrap:anywhere}
.lang-menu{max-height:min(70vh,560px);max-height:min(70dvh,560px);overflow-y:auto;overscroll-behavior:contain}
dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1100px){
  .site-header nav{display:none!important;position:absolute;top:100%;inset-inline:0;background:#101516;padding:20px 24px;flex-direction:column;align-items:stretch;gap:0;font-size:14px;border-bottom:1px solid var(--line);max-height:calc(100dvh - 96px);overflow-y:auto}
  .site-header nav.open{display:flex!important}
  .site-header nav a{padding-block:12px}
  .menu-toggle{display:block!important;flex-shrink:0;min-width:40px;min-height:44px;padding:8px}
  .site-header .button-small{margin-inline-start:auto}
}
@media(max-width:600px){
  .nav-wrap{gap:8px}
  .site-header .brand-crop{width:100px;height:52px}
  .site-header .brand-crop img{width:146px;left:-23px;top:-50px}
  .site-header .button-small{flex:1;min-width:0;font-size:10px;gap:8px;padding:10px 9px;min-height:44px;max-width:190px}
  .site-header .button-small span{font-size:15px}
  .lang-trigger{padding:6px 3px;gap:4px;min-height:44px}
  .lang-current-code{font-size:9px}
  .menu-toggle{min-width:36px;padding:6px}
  .join-form input,.join-form select,.join-form textarea{font-size:16px;min-width:0;max-width:100%}
  .research-tabs button{min-width:0}
  .segmented button{overflow-wrap:anywhere;min-width:0}
  .viewer-footer{flex-wrap:wrap;gap:16px}
  .viewer-header>div{min-width:0}
  .viewer-header h2{overflow-wrap:anywhere}
  .viewer-controls button,.dialog-close{min-width:44px;min-height:44px}
}
@media(max-width:359px){.nav-wrap{width:calc(100% - 20px);gap:5px}.site-header .brand-crop{width:86px}.site-header .brand-crop img{width:126px;left:-20px;top:-42px}.lang-current-code{display:none}.wrap{width:calc(100% - 32px)}.hero-actions{align-items:flex-start}.hero-actions .button{gap:12px;padding-inline:16px}}
@media(hover:none){.testimonial-card:hover,.news-card:hover{transform:none}.testimonial-avatar:hover,.proof-image:hover img{transform:none}}