@media (max-width: 720px) {
  .site-logo {
    font-size: 24px;
  }

  .site-nav-inner {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .site-nav-inner::-webkit-scrollbar {
    display: none;
  }

  .site-nav::after {
    position: absolute;
    top: 1px;
    right: 0;
    bottom: 0;
    width: 32px;
    pointer-events: none;
    content: "";
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
  }

  .site-nav a {
    flex: 0 0 auto;
    padding: 12px 14px;
  }

  .article-item {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .article-page h1 {
    font-size: 24px;
  }
}