@charset "UTF-8";
/* =====================================================================
   本文ブロックの描画スタイル（§4.2）。
   spansの装飾はclass指定で描画（inline styleは書かない）。
   公開ページ・エディタプレビューで共通利用。
   ===================================================================== */

.post-body { font-size: 18px; line-height: 2; color: var(--color-ink-body); }
.post-body > * + * { margin-top: 1.1em; }

.post-body .blk-h {
  font-family: var(--font-heading);
  color: var(--color-ink-heading);
  line-height: 1.5;
}
.post-body h2.blk-h { font-size: 22px; font-weight: 700; margin-top: 1.6em; }
.post-body h3.blk-h { font-size: 18.5px; font-weight: 700; margin-top: 1.4em; color: var(--color-primary-deep); }
.post-body .blk-p { font-size: 18px; line-height: 2; }

.post-body .blk-image { margin: 1.4em 0; }
.post-body .blk-image img {
  width: 100%; border-radius: var(--radius-photo);
  border: 1px solid var(--color-border);
}

/* インライン装飾（キー名→実色はtokens.cssのCSS変数） */
.post-body .b { font-weight: 700; }
.post-body .c-blue   { color: var(--blog-color-blue); }
.post-body .c-red    { color: var(--blog-color-red); }
.post-body .c-orange { color: var(--blog-color-orange); }
.post-body .c-green  { color: var(--blog-color-green); }
.post-body .c-gray   { color: var(--blog-color-gray); }
.post-body .s-small  { font-size: 0.82em; }
.post-body .s-large  { font-size: 1.28em; }

/* リンク（管理お知らせのみ生成。studio記事には出ない） */
.post-body .blk-link {
  color: var(--blog-color-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.post-body .blk-link:hover { text-decoration: none; }