/* =========================================================
   熊本託麻台リハビリテーション病院 デモ ― 追加コンポーネント
   ベース(style.css)を流用しつつ、アクセントを医療向けの
   ティール（安心・回復）へ変更し、患者目線の導線・情報設計を追加
   ========================================================= */

/* ---------- 医療向けアクセント（オレンジ → ティール） ---------- */
:root{
  --orange:#15A594;      /* アクセント（回復・安心のティール） */
  --orange-d:#0F8577;
}
/* ハードコードのオレンジ系シャドウをティールへ */
.header-cta:hover{ box-shadow:0 12px 26px -12px rgba(21,165,148,.6); }
.btn-pill--orange:hover{ box-shadow:0 12px 26px -12px rgba(21,165,148,.6); }
.ribbon__dot{ box-shadow:0 0 0 4px rgba(21,165,148,.16); }

/* ---------- HERO バッジ ---------- */
.hero-badge{ position:absolute; left:50%; bottom:26px; transform:translateX(-50%); z-index:3;
  display:inline-flex; align-items:center; gap:10px; padding:9px 20px; border-radius:999px;
  background:rgba(255,255,255,.14); border:1px solid rgba(199,221,246,.5); backdrop-filter:blur(4px);
  color:#fff; font-size:12.5px; letter-spacing:.1em; animation:heroUp 1s var(--ease) both .7s; }
.hero-badge .dot{ width:8px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 4px rgba(21,165,148,.3); }

/* ---------- 目的からさがす（患者目線の導線） ---------- */
.pathways{ max-width:1120px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.pathway{ display:flex; align-items:flex-start; gap:16px; padding:24px 22px; background:#fff; border:1px solid var(--line-2); border-radius:16px; text-decoration:none; transition:transform .3s var(--ease), box-shadow .3s, border-color .3s; }
.pathway:hover{ transform:translateY(-3px); box-shadow:0 22px 44px -32px rgba(0,48,114,.42); border-color:var(--blue-soft); }
.pathway__ico{ flex:0 0 auto; width:50px; height:50px; border-radius:13px; background:var(--bg-soft); display:grid; place-items:center; }
.pathway__body{ flex:1; min-width:0; }
.pathway__ttl{ display:flex; align-items:center; gap:8px; font-size:16px; font-weight:700; color:var(--navy); letter-spacing:.04em; }
.pathway__ttl .arw{ margin-left:auto; color:var(--orange); }
.pathway__desc{ margin-top:7px; font-size:12.5px; line-height:1.85; color:var(--muted); }

/* ---------- 数字で見る（STATS） ---------- */
.stats{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.stat{ text-align:center; padding:22px 12px; border-radius:16px; background:#fff; box-shadow:0 22px 46px -38px rgba(0,48,114,.4); }
.stat__num{ font-family:'Cormorant Garamond',serif; font-weight:500; font-size:56px; line-height:1; color:var(--navy); letter-spacing:.01em; }
.stat__num small{ font-size:20px; color:var(--orange); font-family:'Noto Sans JP',sans-serif; font-weight:700; margin-left:2px; }
.stat__label{ margin-top:12px; font-size:12.5px; letter-spacing:.06em; color:var(--muted); line-height:1.7; }
.stat__cap{ display:block; font-size:11px; color:var(--muted-2); margin-top:4px; }

/* ---------- 特徴（写真＋テキスト：staff流用の反転版） ---------- */
.staff--reverse{ grid-template-columns:1fr 1.15fr; }
.staff--reverse .staff__photo{ order:2; }

/* ---------- 会社/病院概要テーブル ---------- */
.profile{ max-width:880px; margin:0 auto; border-top:1px solid var(--line-2); }
.profile__row{ display:grid; grid-template-columns:180px 1fr; gap:26px; padding:16px 10px; border-bottom:1px solid var(--line-2); }
.profile__key{ font-size:13px; font-weight:700; letter-spacing:.08em; color:var(--navy); }
.profile__val{ font-size:13.5px; line-height:1.95; color:var(--ink-2); }
.profile__val a{ color:var(--orange-d); text-decoration:none; }

/* ---------- ロゴ ---------- */
.site-header__logo img{ height:54px; }
.site-footer__logo img{ height:48px; }

@media (max-width:900px){
  .pathways{ grid-template-columns:1fr 1fr; gap:12px; }
  .stats{ grid-template-columns:1fr 1fr; gap:14px; }
  .stat__num{ font-size:46px; }
  .staff--reverse{ grid-template-columns:1fr; }
  .staff--reverse .staff__photo{ order:0; }
  .profile__row{ grid-template-columns:120px 1fr; gap:16px; }
  .site-header__logo img{ height:46px; }
}
@media (max-width:560px){
  .pathways{ grid-template-columns:1fr; }
  .stats{ grid-template-columns:1fr 1fr; }
}