/* 三河の食卓 — 個別記事ページ用の追加スタイル(2026-09-14新規)
   既存 _shared.css には手を加えず、blog/{slug}/index.html だけが追加で読み込む。 */

.breadcrumb{ max-width:var(--maxw); margin:0 auto; padding:20px 24px 0; }
.breadcrumb ol{ display:flex; flex-wrap:wrap; gap:6px; list-style:none; margin:0; padding:0; font-size:12.5px; color:var(--ink-soft); }
.breadcrumb li{ display:inline-flex; align-items:center; }
.breadcrumb li:not(:last-child)::after{ content:"›"; margin-left:6px; color:var(--rule-strong); }
.breadcrumb a{ color:var(--ink-soft); text-decoration:none; }
.breadcrumb a:hover, .breadcrumb a:focus-visible{ color:var(--teal-deep); }
.breadcrumb li[aria-current]{ color:var(--ink); }

.article-body{ padding-top:6px; }
.article-body a{ color:var(--teal-deep); overflow-wrap:anywhere; word-break:break-word; }
.article-body strong{ color:var(--ink); }
.article-body hr{ border:none; border-top:1px solid var(--rule); margin:40px 0; }

.article-body .table-scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:18px 0 30px; }
.article-body table{ width:100%; border-collapse:collapse; font-size:13.5px; margin:0; }
.article-body table th, .article-body table td{ text-align:left; padding:10px 12px; border-top:1px solid var(--rule); vertical-align:top; }
.article-body table thead th{ border-top:none; border-bottom:1px solid var(--rule-strong); font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; color:var(--ink-soft); white-space:nowrap; }
.article-body table tr:last-child td{ border-bottom:1px solid var(--rule); }

.article-body .source-list li{ font-size:13.5px; line-height:1.9; }