/* ============================================
   Theme — 案件ごとにここの色を変える
   ============================================ */
:root {
  --c-primary: #3880ff;
  --c-primary-dark: #2a6ae0;
  --c-text: #000000;
  --c-text-light: #666666;
  --c-text-on-primary: #ffffff;
  --c-bg: #ffffff;
  --c-bg-light: #f7f8fa;
  --c-bg-accent: #f0f0f0;
  --c-border: #e0e0e0;
  --c-border-light: #f0f0f0;
  --c-link: #2b72ab;
  --c-cta: #ff6b35;
  --c-cta-hover: #e55a28;
  --c-cta-text: #ffffff;
  --c-success: #27ae60;
  --c-warning: #f39c12;
  --c-danger: #e74c3c;
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-2xl: 48px;
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --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; }