/*
 * 院内表彰システム マニュアル - 追加スタイル
 *
 * 目的：
 *  - iPhone・iPad・PCのどれで読んでも見やすくする
 *  - 文字をやや大きめ、行間を広めにして読みやすくする
 *  - 表・画像がスマホ画面でも綺麗に収まるようにする
 *  - 印刷（PDF書き出し）してもレイアウトが崩れないようにする
 */

/* ---------- 基本の文字サイズ・行間 ---------- */
.md-typeset {
  font-size: 0.78rem; /* Materialのデフォルト(0.75rem)よりわずかに大きく */
  line-height: 1.9;    /* 行間を広めに */
}

.md-typeset p,
.md-typeset li {
  line-height: 1.9;
}

.md-typeset h1 {
  font-size: 1.9rem;
  font-weight: 700;
}
.md-typeset h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 2em;
}
.md-typeset h3 {
  font-size: 1.2rem;
  margin-top: 1.6em;
}

/* スマホでは本文の左右余白を少し詰めて、読める幅を確保する */
@media screen and (max-width: 44.9375em) {
  .md-typeset {
    font-size: 0.85rem;
  }
  .md-content__inner {
    padding: 0.8rem 0.6rem 1.5rem;
  }
}

/* ---------- 画像：画面幅いっぱい・レスポンシブ ---------- */
.md-typeset img,
.md-typeset video {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.2em auto;
  border-radius: 8px;
  border: 1px solid var(--md-default-fg-color--lightest);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

[data-md-color-scheme="slate"] .md-typeset img,
[data-md-color-scheme="slate"] .md-typeset video {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.4);
}

/* スクリーンショットの説明キャプションを見やすく */
.md-typeset img + em {
  display: block;
  text-align: center;
  color: var(--md-default-fg-color--light);
  font-size: 0.75rem;
  margin-top: -0.6em;
}

/* ---------- 表：スマホでは横スクロール可能に ---------- */
/* Material は標準で .md-typeset__table に overflow-x: auto を適用しますが、
   念のため明示しておきます */
.md-typeset table:not([class]) {
  display: table;
  width: 100%;
}
.md-typeset__table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.md-typeset__table table {
  min-width: 100%;
}
@media screen and (max-width: 44.9375em) {
  .md-typeset__table table {
    font-size: 0.72rem;
  }
}

/* ---------- Admonition（注意・ヒント・用語解説など）の見やすさ調整 ---------- */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 8px;
  font-size: 0.76rem;
}

/* ---------- チェックリスト（タスクリスト）を少し大きめのタップ領域に ---------- */
.md-typeset .task-list-control .task-list-indicator::before {
  width: 1.2em;
  height: 1.2em;
}

/* ---------- コードブロック：スマホでも読みやすく ---------- */
.md-typeset pre,
.md-typeset code {
  font-size: 0.72rem;
}

/* ---------- 印刷（PDF書き出し）対応 ---------- */
@media print {
  .md-header,
  .md-tabs,
  .md-sidebar,
  .md-footer,
  .md-search,
  .md-source,
  .md-content__button,
  .md-top,
  .md-typeset .admonition.example {
    display: none !important;
  }

  .md-content {
    margin: 0 !important;
  }

  .md-typeset {
    font-size: 11pt;
    line-height: 1.6;
  }

  .md-typeset img {
    box-shadow: none;
    max-width: 100% !important;
    page-break-inside: avoid;
  }

  .md-typeset h1,
  .md-typeset h2,
  .md-typeset h3 {
    page-break-after: avoid;
  }

  .md-typeset table,
  .md-typeset .admonition,
  .md-typeset pre {
    page-break-inside: avoid;
  }

  a[href]::after {
    content: "";
  }
}

/* ---------- トップページのテーブルを見やすく（章の一覧） ---------- */
.md-typeset table thead th {
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
}