/* =========================================================
    Layout: Single Page
    File: assets/css/2_layout/l-single.css
    Description: 全個別記事のPC2カラムレイアウト（NEWT風）
   ========================================================= */

/* 💡 960px以上（横向きタブレット・PC）で初めて2カラムにする */
@media screen and (min-width: 960px) {
  .single .l-container.-flex {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: var(--wan-s-10); /* 40px */
    align-items: start;
  }

  .single .l-mainContent,
  .single .l-sidebar {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* 💡 959px以下（スマホ・縦向きタブレット）は1カラム（縦並び） */
@media screen and (max-width: 959px) {
  .single .l-container.-flex {
    display: flex !important;
    flex-direction: column;
    gap: var(--wan-s-10); /* 縦に並んだ時のメインとサイドバーの余白 */
  }
}