/* ===================================================================
 * レスポンシブ — FRONTEND_UI_SPEC.md §16 準拠
 * =================================================================== */

/* ── タブレット以上：デスクトップナビ表示 ── */
@media (min-width: 1024px) {
  /* JS の有無に関わらずナビメニューを表示 */
  .nav-menu,
  .js-enabled .nav-menu {
    display: flex;
    font-size: 15px;
    gap: var(--space-6);
  }

  /* nav 要素をデスクトップ横並びに統一 */
  .site-header__inner > nav,
  .js-enabled .site-header__inner > nav {
    flex: 0 1 auto;
    padding-bottom: 0;
  }

  /* ヘッダーを横並び固定高さに統一 */
  .site-header__inner,
  .js-enabled .site-header__inner {
    flex-wrap: nowrap;
    height: 80px;
    padding: 0 20px;
  }

  /* ハンバーガーは常に非表示 */
  .hamburger,
  .js-enabled .hamburger {
    display: none;
  }

  .drawer {
    display: none;
  }
}

/* ── スマホ: 記事パーツの調整 ── */
@media (max-width: 767px) {
  .entry-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* メリデメ比較を縦積み */
  .entry-content .merit-wrap {
    grid-template-columns: 1fr;
  }

  /* プロフィールを縦積み */
  .entry-content .profile-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* 前後記事ナビを縦積み */
  .post-nav {
    flex-direction: column;
  }

  .post-nav__item--next {
    text-align: left;
  }
}

/* ── アニメーション抑制 ── */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}