@charset "UTF-8";
/* ================================================================
   10-base — 版面の基盤(正本 tokens.css §2 BASE / §4 LAYOUT)
   Xwrite の本文コンテナは .entry-content ではなく .articleBody
   (theme-analysis §0-5 / parts/single/post-content.php:10)。
   キャンバスのセレクタ .entry-content はそのまま残し、.articleBody を併記する。
   ================================================================ */

/* ---------- 2. BASE ---------- */
body{
  background: var(--bk-bg);
  color: var(--bk-ink);
  font-family: var(--bk-font-sans);
  font-size: var(--bk-fs-body);
  line-height: var(--bk-lh-body);
  -webkit-font-smoothing: antialiased;
}
.entry-content > p,
.articleBody > p{ margin: 0 0 var(--bk-s5); text-wrap: pretty; }
.entry-content > h2,
.entry-content > h3,
.articleBody > h2,
.articleBody > h3{ line-height: var(--bk-lh-head); font-weight: 700; }
.entry-content > h2,
.articleBody > h2{
  font-size: var(--bk-fs-h2);
  margin: var(--bk-s7) 0 var(--bk-s5);
  padding-left: var(--bk-s4);
  border-left: 3px solid var(--bk-accent);
  background: none;   /* Xwrite の見出し装飾を解除 */
}
.entry-content > h3,
.articleBody > h3{
  font-size: var(--bk-fs-h3);
  margin: var(--bk-s6) 0 var(--bk-s4);
  border: 0;
}
a{ color: var(--bk-brand); text-decoration: none; }
a:hover{ color: var(--bk-brand-dark); text-decoration: underline; text-underline-offset: 3px; }
.entry-title, h1.entry-title{
  font-size: var(--bk-fs-h1);
  font-weight: 700;
  line-height: var(--bk-lh-head);
  letter-spacing: .005em;
  text-wrap: pretty;
}

/* ---------- 4. LAYOUT ---------- */
.bk-main{
  max-width: 1140px; margin: 0 auto; padding: var(--bk-s5) var(--bk-gutter) var(--bk-s9);
  display: grid; grid-template-columns: minmax(0,1fr) var(--bk-side); gap: 60px;
  align-items: start;
}
.bk-article{ max-width: var(--bk-measure); }
.bk-breadcrumb{ font-size: var(--bk-fs-micro); color: var(--bk-ink-3); padding-top: var(--bk-s6); }
@media (max-width: 960px){
  .bk-main{ grid-template-columns: minmax(0,1fr); gap: var(--bk-s7); }
}

/* ---- 版面の実装補助(キャンバスの帯構造を素で組むための最小限) ---- */
.bk-wrap{ max-width: 1120px; margin: 0 auto; padding: 0 var(--bk-gutter); }
.bk-breadcrumb-row{ max-width: 1140px; margin: 0 auto; padding: var(--bk-s6) var(--bk-gutter) 0; }
.bk-breadcrumb-row .bk-breadcrumb{ padding-top: 0; }

/* 本文の追従: 記事カラムはグリッドの実幅(620px)で、--bk-measure は上限として効かせる */
.bk-main > .bk-article{ min-width: 0; }

/* 見出しの余白は本文先頭でだけ詰める(キャンバスのリードとH2の関係) */
.articleBody > h2:first-child,
.entry-content > h2:first-child{ margin-top: 0; }