/* hidden を付けた要素は必ず隠す（全体規則。tests/test_hidden_attribute_invariant.py で固定） */
[hidden] { display: none !important; }
/* りーぷ（leap-footcare）テーマ。
   本部の予約サイト yoyaku.leap-footcare.com の雰囲気に合わせる（会長指示2026-08-16）:
   ivory地 × テラコッタ差し色 × 欧文セリフロゴ(Cormorant Garamond) × Noto Sans JP。
   色は本部サイトCSSの実測値（#faf7f4 / #c08b70 / #4a3f36 / #e0d8d0 / #9e9892 ほか）。
   原則 book.css の :root トークンだけを上書きし、構造のセレクタには手を入れない */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Noto+Sans+JP:wght@400;500;700&display=swap");

:root {
  --bg: #faf7f4;
  --ink: #4a3f36;
  --accent: #c08b70;
  --accent-2: #d4a88e;
  --wash: #f5e9e2;
  --border: #e0d8d0;
  --muted: #9e9892;
  --link: #8b6f5c;
  --link-border: #cfc3b6;
  --card-border: #ece5df;
  --head-bg: #faf7f4;
  --head-ink: #4a3f36;
  --grid-line: #ece5df;
  --grid-line-strong: #e0d8d0;
  --ok-bg: #f8f1ec;
  --ok-border: #d4a88e;
  --radius: 12px;
  --radius-card: 16px;
  --font-body: "Noto Sans JP", -apple-system, "Hiragino Sans", sans-serif;
  --font-head: "Noto Sans JP", -apple-system, "Hiragino Sans", sans-serif;
  --font-en: "Cormorant Garamond", "Times New Roman", serif;
}

/* ヘッダー: 金グラデの帯ではなく、本部サイトと同じ「地色にロゴ」型 */
.bookhead { border-bottom: 1px solid var(--card-border); padding: 16px 16px 13px; }
.bookhead h1 { font-size: 13px; font-weight: 500; letter-spacing: 0.08em; color: #6b6560; }
.booknote { color: var(--link); font-weight: 600; font-size: 14px; }

/* ロゴ行（booking_brand_logo 設定時のみテンプレートが出す） */
.brand { margin: 0 0 6px; display: flex; align-items: baseline; gap: 12px; }
.brand-logo { font-family: var(--font-en); font-size: 32px; line-height: 1; letter-spacing: 0.22em; font-weight: 500; color: var(--ink); }
.brand-tagline { font-size: 10.5px; letter-spacing: 0.16em; color: #9a8c82; }

/* カード・ボタンの表情: 角丸を大きく・影を柔らかく */
.step { box-shadow: 0 2px 12px rgba(154, 140, 130, 0.10); }
.step h2 { font-weight: 600; letter-spacing: 0.05em; }
button.primary { font-weight: 500; letter-spacing: 0.06em; box-shadow: 0 3px 10px rgba(192, 139, 112, 0.30); }
.bookintro-catch { font-weight: 600; color: var(--ink); }