@media (max-width: 768px) {
  .header-inner {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 20px;
  }

  .site-nav {
    margin-top: 12px;
  }

  .site-nav a {
    display: inline-block;
    margin: 0 12px 8px 0;
  }

  .page-container,
  .article-container,
  .tool-container {
    padding: 22px;
  }

  h1 {
    font-size: 24px;
  }
}