*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;color:#16181B;background:#F2F1EC}
img{max-width:100%}
a{color:#16181B}a:hover{color:#16733A}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid #4FB86C;outline-offset:2px}

.form-ok{background:#E9F3EC;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px;color:#16181B}
.form-ok b{font-size:20px}
.form-err{color:#A33A2A;font-size:14px;font-weight:600}

/* Телефон: общие поправки поверх инлайн-стилей макета */
@media (max-width: 640px){
  section,header>div,footer>div{padding-left:16px !important;padding-right:16px !important}
  h1{letter-spacing:-1px !important}
  form,[id="job-form"],#request>div,#lab>div,#networks>div,#tools>div{padding:20px !important;border-radius:22px !important}
  #top figure img{height:300px !important}
  .topnav{width:100%;border-radius:18px !important;justify-content:flex-start !important;overflow-x:auto;flex-wrap:nowrap !important;-webkit-overflow-scrolling:touch}
  .topnav a{flex:0 0 auto}
  .mq-item{width:220px !important;height:150px !important}
}

/* поля форм не должны распирать экран телефона */
form{min-width:0}
select,input,textarea{max-width:100%;min-width:0;box-sizing:border-box}
select{width:100%;text-overflow:ellipsis}
@media (max-width:640px){
  form[data-ajax]{flex-basis:100% !important;padding:20px !important}
}
@media (max-width:640px){
  .topnav{order:3}
  .hdr-phone{padding:0 !important;width:46px;height:46px;justify-content:center;margin-left:auto}
  .hdr-num{display:none}
}