/* =========================================================
   pages.css — ページ／セクション固有スタイル
   セクション装飾は各テンプレートのインラインを基本とし、
   ここには JS 連動・再利用の必要が出たものを順次切り出す。
   ========================================================= */

/* フロー横スクロール（受診の3ステップ） */
[data-flow-scroller]{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
[data-flow-scroller]::-webkit-scrollbar{display:none}
[data-flow-card]{flex:0 0 100%;scroll-snap-align:center}

/* ドット */
.cs-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
.cs-dots button{width:7px;height:7px;border-radius:50%;border:none;background:var(--cs-line-3);padding:0;cursor:pointer}
.cs-dots button.is-active{background:var(--cs-primary);width:20px;border-radius:4px}

/* 記事本文（コラム）。目次ジャンプ時の上部オフセット（固定ヘッダーなし） */
[data-anchor]{scroll-margin-top:12px}
.cs-abody h2{scroll-margin-top:12px}

/* パンくず（各リスト1行・はみ出しは横スクロール・スクロールバー非表示） */
.cs-crumb{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;font-size:10.5px;color:#8ba09b;margin-bottom:4px}
.cs-crumb::-webkit-scrollbar{display:none}
.cs-crumb > *{flex:none}
.cs-crumb a{color:#8ba09b;text-decoration:none}
.cs-crumb [aria-current="page"]{color:#5a6e6a}

/* 可視パンくず（cs_breadcrumb() 出力：nav.cs-breadcrumb > ol > li）。各ページ上部に軽い padding。 */
.cs-breadcrumb{padding:12px 22px 0;background:#fff}
.cs-breadcrumb ol{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;margin:0;padding:0;list-style:none;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap;font-size:10.5px;color:#8ba09b}
.cs-breadcrumb ol::-webkit-scrollbar{display:none}
.cs-breadcrumb li{flex:none;display:flex;align-items:center}
.cs-breadcrumb li+li::before{content:"›";margin:0 5px;color:#b7c6c1}
.cs-breadcrumb a{color:#8ba09b;text-decoration:none}
.cs-breadcrumb [aria-current="page"]{color:#5a6e6a}

/* アーカイブのページネーション */
.cs-pagination{margin-top:22px}
.cs-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.cs-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:11px;background:#fff;border:1px solid var(--cs-line);color:var(--cs-ink);font-weight:800;font-size:13.5px;text-decoration:none}
.cs-pagination .page-numbers.current{background:var(--cs-primary);border-color:var(--cs-primary);color:#fff}
.cs-pagination a.page-numbers:hover{border-color:var(--cs-primary);color:var(--cs-primary-deep)}
.cs-pagination .page-numbers.dots{border:none;background:none}
.cs-abody p{margin:0 0 15px;font-size:13.5px;line-height:1.95;color:var(--cs-body)}
.cs-abody strong{color:var(--cs-ink);font-weight:700}

/* 記事本文（動的 the_content）の見出し・リスト */
.cs-abody h2{margin:30px 0 14px;font-size:19px;font-weight:900;color:var(--cs-ink);line-height:1.5;padding-left:12px;border-left:5px solid #2bb3a4}
.cs-abody h3{margin:22px 0 8px;font-size:15px;font-weight:800;color:var(--cs-primary)}
.cs-abody ul,.cs-abody ol{margin:0 0 16px;padding-left:1.25em}
.cs-abody li{font-size:13.5px;line-height:1.9;color:var(--cs-body);margin:5px 0}
.cs-abody a{color:var(--cs-primary-deep);font-weight:700;text-decoration:underline}
.cs-abody h2:first-child{margin-top:4px}