/* responsive —— 平板 / 手机适配 */

@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-menu-btn { display: flex; }
  .nav-right { gap: 14px; }

  .hero { min-height: 88vh; padding-top: 40px; padding-bottom: 40px; }

  .story-link {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "cat arrow"
      "title arrow"
      "date arrow";
    gap: 4px 14px;
    padding: 18px 4px;
  }
  .story-cat { grid-area: cat; }
  .story-title { grid-area: title; }
  .story-date { grid-area: date; font-size: 0.78rem; }
  .story-arrow { grid-area: arrow; align-self: center; }

  /* 封面模式：缩略图在左跨三行 */
  .story-list--cover .story-link {
    grid-template-columns: 64px 1fr auto;
    grid-template-areas:
      "cover cat arrow"
      "cover title arrow"
      "cover date arrow";
    gap: 4px 12px;
    padding: 12px 4px;
  }
  .story-list--cover .story-cover { grid-area: cover; width: 64px; align-self: center; }

  .post-nav { grid-template-columns: 1fr; }
  .post-nav-next { text-align: left; }
}

@media (min-width: 769px) {
  .mobile-menu { display: none; }
}