body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

.page{
  flex:1 0 auto;
}

.site-footer{
  flex:0 0 auto;
  border-top:1px solid var(--line);
  padding:22px 0 24px;
  color:#8a8f9f;
}

.footer-inner{
  text-align:center;
  font-size:13px;
  line-height:1.55;
}

.footer-line{
  display:flex;
  align-items:baseline;
  justify-content:center;
  flex-wrap:wrap;
  gap:0 8px;
}

.footer-line + .footer-line{
  margin-top:3px;
}

.footer-separator{
  color:#c3c6cf;
}

.footer-wordmark,
.footer-telegram{
  display:inline-flex;
  align-items:baseline;
  font-size:inherit;
  line-height:inherit;
  text-decoration:none;
  opacity:.72;
  transition:opacity .15s ease;
}

.footer-wordmark:hover,
.footer-telegram:hover{
  opacity:1;
  text-decoration:none;
}

.footer-wordmark{
  font-weight:600;
  letter-spacing:-.01em;
}

.footer-yo-com{
  color:#4d5261;
}

.footer-yo-com .footer-logo-dot{
  color:#e13939;
  padding:0 .04em;
}

.footer-yo-tools .footer-logo-yo{
  color:#5b2ff7;
}

.footer-yo-tools .footer-logo-tools{
  color:#171b31;
}

.footer-telegram{
  align-items:center;
  gap:5px;
  color:var(--accent);
}

.footer-telegram svg{
  width:14px;
  height:14px;
  flex:none;
}

@media(max-width:700px){
  .site-footer{
    padding:18px 0 20px;
  }

  .footer-inner{
    font-size:12px;
  }

  .footer-line{
    gap:0 6px;
  }
}