/*
 * 介護しかく手帖 サイト部品の最小CSS（kst-site）
 * 色は設計資料 05_design.md 2章の値。デザインは後で変える前提で、本文の部品だけに効かせる。
 * Cocoon の設定：サイトキーカラー #2D5B47、背景色 #FAF7F1、文字色 #23211E（docs/launch-checklist.md）
 */
:root{
  --ks-paper:#FAF7F1;
  --ks-surface:#FFFFFF;
  --ks-ink:#23211E;
  --ks-ink-sub:#5A544B;
  --ks-line:#DCD3C4;
  --ks-line-strong:#23211E;
  --ks-green:#2D5B47;
  --ks-green-dark:#1F4334;
  --ks-green-tint:#E9F0EB;
  --ks-ochre:#A8741A;
  --ks-ochre-text:#7A5310;
  --ks-ochre-tint:#F4ECDC;
  --ks-caution:#9A3B2E;
  --ks-caution-tint:#FBEFEC;
  --ks-radius:3px;
}

/* 本文の基本 */
.entry-content{font-size:17px;line-height:1.85;overflow-wrap:anywhere}
.entry-content a{color:var(--ks-green)}
.entry-content h2{font-size:22px;line-height:1.45;margin:48px 0 16px;padding-bottom:6px;border-bottom:2px solid var(--ks-line-strong);word-break:auto-phrase}
.entry-content h3{font-size:19px;line-height:1.45;margin:32px 0 12px;padding-left:10px;border-left:4px solid var(--ks-ochre);word-break:auto-phrase}
@media (min-width:768px){.entry-content h2{font-size:25px}.entry-content h3{font-size:20px}}
.entry-content hr{border:0;border-top:1px solid var(--ks-line);margin:32px 0}

/* 広告表示（04_copy 1-1：本文と同じ大きさ・背景色付き） */
.kst-pr{background:var(--ks-ochre-tint);border-left:4px solid var(--ks-ochre);border-radius:var(--ks-radius);padding:12px 14px;font-size:17px;line-height:1.7;margin:0 0 16px}
.kst-pr a{margin-left:.5em;white-space:nowrap}

/* 表：3列までを基本。はみ出すときは枠の中で横にスクロール */
.kst-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0}
.kst-table-wrap table{border-collapse:collapse;width:100%;min-width:0;font-size:16px;line-height:1.65;background:var(--ks-surface)}
.kst-table-wrap th,.kst-table-wrap td{border:1px solid var(--ks-line);padding:8px 10px;vertical-align:top;text-align:left}
.kst-table-wrap th{background:var(--ks-paper);font-weight:700;min-width:3.6em}

/* 引用の形の囲み（Ensya の案内など） */
.entry-content blockquote{margin:24px 0;padding:14px 16px;border:1px solid var(--ks-line);border-radius:var(--ks-radius);background:var(--ks-surface);font-style:normal}
.entry-content blockquote::before,.entry-content blockquote::after{content:none}
.entry-content blockquote p{margin:0 0 10px}
.entry-content blockquote p:last-child{margin-bottom:0}
.kst-ensya{border-color:var(--ks-line-strong)}
/* 出口のリンクはボタンの見た目（白地に黒枠。05_design：出口は控えめなボタン） */
.kst-ensya a[href*="ensya.jp/kaigo/"],.kst-btn{display:block;text-align:center;padding:12px 16px;border:2px solid var(--ks-ink);border-radius:var(--ks-radius);background:var(--ks-surface);color:var(--ks-ink);font-weight:700;text-decoration:none;box-shadow:0 3px 0 var(--ks-ink)}
.kst-ensya a[href*="ensya.jp/kaigo/"]:hover,.kst-btn:hover{background:var(--ks-paper)}
.kst-btn-wrap{margin:16px 0}

/* A8 の広告ボタン（提携後に出る） */
.kst-a8{margin:16px 0}
.kst-ad-label{display:inline-block;margin:0 0 8px;padding:2px 8px;border:1px solid var(--ks-ochre-text);color:var(--ks-ochre-text);font-size:14px;font-weight:700;line-height:1.4;border-radius:var(--ks-radius)}
.kst-a8-buttons{display:grid;gap:12px}
@media (min-width:768px){.kst-a8-buttons{grid-template-columns:1fr 1fr}}

/* 記事末尾の運営者表示（プラグインが足す） */
.kst-byline{margin-top:40px;padding:14px 16px;border-top:2px solid var(--ks-line-strong);background:var(--ks-paper);font-size:15px;line-height:1.7}
.kst-byline p{margin:0 0 6px}

/* トップの部品（pages/top.md） */
.kst-lead{font-size:18px;line-height:1.8}
.kst-steps{list-style:none;padding:0;margin:16px 0;counter-reset:kst-step}
.kst-steps li{position:relative;padding:12px 12px 12px 52px;border:1px solid var(--ks-line);border-radius:var(--ks-radius);background:var(--ks-surface);margin-bottom:12px;counter-increment:kst-step}
.kst-steps li::before{content:counter(kst-step);position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--ks-ochre);color:#fff;font-weight:700;text-align:center;line-height:28px}
.kst-steps strong{display:block}
.kst-label-caution{display:inline-block;margin-left:6px;padding:1px 6px;font-size:14px;font-weight:700;color:var(--ks-caution);background:var(--ks-caution-tint);border-radius:var(--ks-radius)}
.kst-menu{list-style:none;padding:0;display:grid;gap:12px;grid-template-columns:1fr}
@media (min-width:768px){.kst-menu{grid-template-columns:1fr 1fr}}
.kst-menu a{display:block;padding:12px 14px;border:1px solid var(--ks-line);border-left:4px solid var(--ks-green);border-radius:var(--ks-radius);background:var(--ks-surface);text-decoration:none;color:var(--ks-ink)}
.kst-menu a strong{color:var(--ks-green)}
.kst-menu a span{display:block;font-size:15px;color:var(--ks-ink-sub)}
.kst-note{font-size:15px;line-height:1.7;color:var(--ks-ink-sub)}

/* フッターの注記（[kst_footer_note]） */
.kst-footer-note{font-size:13px;line-height:1.7}