/*======================
 * Blog Single Page CSS
 * 本文＋右サイドバー 2カラム
 * Archiveページと幅感を統一
 * 2026-04-27
 =======================*/
/* -----------------------------------------
   全体2カラムグリッド
   左：記事本文
   右：ブログ用サイドバー
----------------------------------------- */
.single-akiket_blog .ak-blog-layout{
  width:min(1120px, calc(100% - 2rem));
  margin:0 auto;

  display:grid;
  grid-template-columns:
    minmax(0,1fr)   /* 本文 */
    300px;          /* サイドバー */

  gap:2.5rem;
  align-items:start;
}

/* -----------------------------------------
   本文カラム
   長文で横にはみ出さないための保険
----------------------------------------- */
.single-akiket_blog .ak-blog-layout > main{
  min-width:0;
}

/* -----------------------------------------
   記事本文幅
   archive説明文（42rem）と揃える
----------------------------------------- */
.single-akiket_blog .entry-content{
  max-width:42rem;
  min-width:0;
  line-height:1.9;
}

/* -----------------------------------------
   右サイドバー
   Sticky固定
----------------------------------------- */
.single-akiket_blog .ak-blog-layout > aside{
  align-self:start;

  position:sticky;
  top:2rem;
}

/* -----------------------------------------
   タブレット・スマホ
   1カラムへ落とす
----------------------------------------- */
@media (max-width:900px){

.single-akiket_blog .ak-blog-layout{
  grid-template-columns:1fr;
}

.single-akiket_blog .ak-blog-layout > aside{
  position:static;
}

}

/*ブログカテゴリー*/
.ak-entry-categories {
  margin: .4rem 0 .8rem;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.ak-entry-categories a {
  display: inline-block;
  padding: .25rem .65rem;
  border: 1px solid var(--wp--preset--color--caramel-amber);
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--wp--preset--color--caramel-amber);
}

.ak-entry-categories a:hover,
.ak-entry-categories a:focus {
  text-decoration: underline;
}