@media(min-width:700px) and (max-width:999px){
html body .nav{height:56px}
html body .nav-inner{width:calc(100% - 28px);display:flex;gap:14px}
html body .brand{font-size:15px;letter-spacing:.1em;flex:none}
html body .nav-links{display:flex!important;gap:14px;font-size:12px;white-space:nowrap;margin-left:auto}
html body .nav-controls{gap:7px;margin-left:0;transform:none}
html body .menu-button,html body .mobile-menu{display:none!important}
html body .wrap,html body #tesla .wrap{width:calc(100% - 40px)}
html[data-homepage-version="v2"] body .hero{height:auto;min-height:calc(100vh - 56px)!important;padding:46px 0 40px!important}
html[data-homepage-version="v2"] body .hero .avatar.rikustar-avatar{width:82px;height:82px;margin-bottom:20px}
html body .hero-title{font-size:52px;line-height:1.1}
html body .hero-desc{font-size:16px;max-width:570px}
html body .hero-actions{margin-top:24px}
html body .site-section{padding:46px 0}
html body .projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html body .project-card{min-height:180px;padding:18px;border-radius:18px}
html body .project-title{font-size:19px}
html body .feature-tiles{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body .feature-tile>.wrap{padding:22px}
html body .project-menu-inner{width:calc(100% - 28px)}
}
/* Fit localized labels without badges; fold English only below the 773px target. */
@media(min-width:700px) and (max-width:999px){
  html body .nav-links{flex:1;min-width:0;gap:8px;font-size:12px}
  html body .nav-links>a{margin:0!important}
  html body .nav-controls{flex:none}

}
@media(min-width:700px) and (max-width:999px){
  html body .nav-links>a{flex:0 1 auto;min-width:0;white-space:normal;line-height:1.2;text-align:center}
  html body .nav-links .nav-tv{flex-direction:column;gap:2px}
}

@media(min-width:700px) and (max-width:772px){
  html[lang="en"] body .nav-links{display:none!important}
  html[lang="en"] body .nav-controls{margin-left:auto}
  html[lang="en"] body .menu-button{display:block!important;flex:none}
  html[lang="en"] body .mobile-menu{display:block!important;inset:56px 0 0;padding:22px 28px;overflow-y:auto}
  html[lang="en"] body .mobile-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
  html[lang="en"] body .mobile-menu a{min-height:48px;font-size:20px;padding:12px 4px}
  html[lang="en"] body .mobile-language{margin-top:20px;padding-top:18px}
}