関連記事ストリップ。記事ページで、その記事と同じカテゴリの公開日が近い記事を N 枚並べます。中央の ←・→ が当記事で、左に古い記事 floor(N/2) 枚・右に新しい記事 ceil(N/2) 枚。端（最古/最新）では反対側から補充して常に N 枚を保ちます。画像とタイトルのみの小さなカードで、画面幅が狭くなっても折り返さず縮小して N 枚を維持します。

• N は 1〜20。枚数を変えるだけ：related-2 / related-4 / related-6
• 記事ページ以外・カテゴリ未設定・近傍記事なしのときは空文字（何も出ません）
• データは書き換えず、表示専用。KuroCMS 本体が対応バージョン以外なら安全に無視されます

配置例（記事本文の直後 = 筆者表示の下）

[[#if page.isArticle]]
  <article>
    <div class="prose">[[html:article.bodyHtml]]</div>
    [[html:content.related-4]]
  </article>
[[/if]]

[[html:article.bodyHtml]] を出すだけでもカードはそのまま表示されます。下の値を使うのは、テンプレートの意匠に合わせて組み直したいときだけです。

• 構造化データ（Schema.org Recipe）は KuroCMS が自動で出します。テンプレート側で JSON-LD を書かないでください（二重になります）
• 1 記事 = 1 レシピ。2 枚目はエディタ側で挿入できないようになっています（鍋アイコンがロックされます）。料理名・説明・完成画像・公開日はカードではなく記事共通のもの（article.title / article.summary / article.coverUrl）を使います
• amount は省略できるので [[#if amount]] で囲みます
• カードが無い / 壊れている記事では page.isRecipe が false になり、通常記事としてそのまま描けます（構造化データも Article に戻ります）

記事ページでの表示例

[[#if page.isRecipe]]
<section class="recipe">
  <p class="meta">[[article.recipe.yield]][[#if article.recipe.totalMinutes]] ・ 合計 [[article.recipe.totalMinutes]] 分[[/if]]</p>
  <h2>材料</h2>
  <ul>
    [[#each article.recipe.ingredients]]
    <li>[[name]][[#if amount]] <span>[[amount]]</span>[[/if]]</li>
    [[/each]]
  </ul>
  <h2>作り方</h2>
  <ol>
    [[#each article.recipe.instructions]]<li>[[text]]</li>[[/each]]
  </ol>
</section>
[[/if]]

Related-articles strip. On an article page it shows N cards from the same category, chosen as the date-nearest neighbours. The centre ←・→ is the current article: floor(N/2) older on the left, ceil(N/2) newer on the right. At the ends (newest/oldest) it fills from the opposite end so N is always kept. Cards are image + title only and scale down (never wrap) as the viewport narrows, keeping all N.

• N is 1–20. Change the count with the slug: related-2 / related-4 / related-6
• Renders empty off article pages, when the article has no category, or when there are no neighbours
• Display-only — it never rewrites stored data, and older KuroCMS versions ignore it safely

Placement (right after the body = below the author byline)

[[#if page.isArticle]]
  <article>
    <div class="prose">[[html:article.bodyHtml]]</div>
    [[html:content.related-4]]
  </article>
[[/if]]

Simply outputting [[html:article.bodyHtml]] already renders the card as-is. Use the paths below only when you want to rebuild the layout to match your template.

• KuroCMS emits the structured data (Schema.org Recipe) for you. Do not write JSON-LD in the template — it would be duplicated
• One article = one recipe. The editor blocks a second card (the pot icon locks). The dish name, description, finished photo and date come from the article itself (article.title / article.summary / article.coverUrl), not from the card
• amount is optional — wrap it in [[#if amount]]
• When the card is missing or corrupt, page.isRecipe is false and the article renders as an ordinary one (the structured data falls back to Article)

Rendering it on the article page

[[#if page.isRecipe]]
<section class="recipe">
  <p class="meta">[[article.recipe.yield]][[#if article.recipe.totalMinutes]] · [[article.recipe.totalMinutes]] min total[[/if]]</p>
  <h2>Ingredients</h2>
  <ul>
    [[#each article.recipe.ingredients]]
    <li>[[name]][[#if amount]] <span>[[amount]]</span>[[/if]]</li>
    [[/each]]
  </ul>
  <h2>Steps</h2>
  <ol>
    [[#each article.recipe.instructions]]<li>[[text]]</li>[[/each]]
  </ol>
</section>
[[/if]]