@media (max-width: 900px) {
  .post-copyright { display: block; }
  .post-copyright span { display: block; margin-top: 3px; }
  .home-layout { padding: 0 18px 56px; }
  .home-profile-rail { position: static; width: auto; margin: 20px 0 0; padding: 24px 18px 18px; border: 0; border-radius: 0; background: transparent; }
  .home-profile-rail::before { top: 24px; left: 18px; height: 84px; }
  .home-profile-inner { height: auto; }
  .home-profile-slogan { min-height: 150px; margin: 18px 0; }
  .home-profile-social { margin-top: 0; }
}

@media (max-width: 700px) {
  .brand-logo { width: 28px; height: 28px; }
  .nav-toggle { display: grid; gap: 4px; padding: 8px 0 8px 8px; }
  .post-nav { grid-template-columns: 1fr; }
  .post-nav-item.is-next { text-align: left; }
  .error-page { padding: 80px 18px; }
  .homepage-intro { padding: 24px 0 38px; }
  .homepage-mosaic img { aspect-ratio: 1.65 / 1; }
  .homepage-motto { font-size: 17px; }
  .homepage-copy { font-size: 14px; }
}