/* Footer: base styles. */

.site-footer { border-top: 1px solid var(--line); }
.footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-block: 35px; }
.footer-wordmark { color: var(--muted); font: 9px/1.9 var(--body-font); }
.footer-wordmark strong { color: var(--text); font-weight: 400; }
.footer-command { color: var(--muted); font: 10px/1.7 var(--body-font); }
.footer-command > span:first-child { color: var(--accent); margin-right: 6px; }
.back-to-top { color: var(--muted); font: 10px/1.6 var(--body-font); padding-block: 10px; }
.back-to-top span { color: var(--accent); margin-left: 10px; }
@media (max-width: 820px) {
  .footer-inner { flex-wrap: wrap; gap: 25px; }
  .footer-command { display: none; }
}
@media (max-width: 520px) {
  .footer-inner { align-items: flex-start; gap: 18px; padding-block: 26px; }
  .footer-wordmark { font-size: 8px; }
  .footer-wordmark .wordmark-symbol { font-size: 25px; }
  .back-to-top { font-size: 8px; }
}