/* Footer styled by @elements/style/layout.css (.footer). The
   default uses var(--rule) which reads heavier than the topbar's
   nearly-invisible border-bottom — here we soften the footer
   border-top to match so the page top and bottom feel balanced. */

.footer {
  border-top: 1px solid rgba(23, 23, 26, 0.04);
}

@media (max-width: 700px) {
  .footer-inner {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0.5rem;
  }
}