/* ============================================
   Theme — メンタルクリニック（red系）
   ============================================ */
:root {
  /* --- Primary（見出し・アクセント） --- */
  --c-primary: #e8878f;
  --c-primary-dark: #d4747c;

  /* --- Text --- */
  --c-text: #000000;
  --c-text-light: #666666;
  --c-text-on-primary: #ffffff;

  /* --- Background --- */
  --c-bg: #ffffff;
  --c-bg-light: #fdf6f6;
  --c-bg-accent: #fce8ea;

  /* --- Border --- */
  --c-border: #e0e0e0;
  --c-border-light: #f0f0f0;

  /* --- Link --- */
  --c-link: #e8878f;

  /* --- CTA --- */
  --c-cta: #e63946;
  --c-cta-hover: #c5303c;
  --c-cta-text: #ffffff;

  /* --- Semantic --- */
  --c-success: #27ae60;
  --c-warning: #f39c12;
  --c-danger: #e74c3c;

  /* --- Spacing --- */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-2xl: 48px;

  /* --- Font Size --- */
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 20px;
  --fs-2xl: 24px;

  /* --- Border Radius --- */
  --radius-sm: 4px;
  --radius-md: 8px;

  /* --- Shadow --- */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ============================================
   Base
   ============================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 18px;
  line-height: 1.8;
  color: var(--c-text);
  background: var(--c-bg);
  padding: 0 5px 5px 5px;
  -webkit-font-smoothing: antialiased;
  max-width: 720px;
  margin: 0 auto;
}
img { max-width: 100%; height: auto; vertical-align: bottom; margin-top: 0; margin-bottom: 0; }
p { margin: 1em 0; }
a { color: #1a0dab; text-decoration: underline; font-weight: bold; }
.marker { background: linear-gradient(transparent 60%, #ffff00 0%); font-weight: bold; }
.red { color: #d21336; font-weight: bold; }
.underline { text-decoration: underline; }

/* ============================================
   Utilities
   ============================================ */
.text-center { text-align: center; }
.text-small { font-size: 12px; color: #888; }
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.section-text { margin: 1em 0; }
.section-text ul { margin: 0.5em 0; padding-left: 1.5em; }
.section-text li { margin: 0.3em 0; }
.section-text h3 { font-size: 18px; margin: 1.5em 0 0.5em; }

/* 装飾クラス */
.bold-red { color: #e60033; font-weight: bold; }
.marker-pink { background: linear-gradient(transparent 60%, #ffd0d1 60%); font-weight: bold; }
.bold-blue { color: #0095d9; font-weight: bold; }
.note-annotation { font-size: 13px; color: #888; margin: 0.5em 0; text-align: right; line-height: 1.4; }