/* フォントサイズ・行間調整 */
.md-typeset {
  font-size: 0.65rem !important;
  line-height: 1.7;
}

/* 見出し */
.md-typeset h1 {
  font-weight: 600;
  font-size: 2em;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.3em;
  color: #115e59;
}

.md-typeset h2 {
  font-weight: 600 !important;
  border: 1px solid #0f766e !important;
  background-color: #0f766e !important;
  color: #FFFFFF;
  padding: 0.5em 0.6em;
  font-size: 1.6em !important;
  margin-left: -0.5em;
  margin-top: 2.5em !important;
}

/* ページ先頭のh2は上余白を詰める */
.md-typeset h1 + h2,
.md-typeset > h2:first-child {
  margin-top: 1em !important;
}

/* ページタイトル（H1）はサイドバーのメニュー名と一致させている。
   その直下に「G-TrustⅢ － 上位メニュー名 － ページ名」を副題として表示する。
   この副題は hooks/mkdocs_hooks.py がナビ構成から自動生成するため、
   ページ側（Markdown）に書く必要はない。 */
.md-typeset .page-subtitle {
  display: block;
  margin-top: 0.3em;
  margin-bottom: 1.4em;
  color: #64748b;
  font-size: 0.8em;
  letter-spacing: 0.02em;
}

.md-typeset h3 {
  font-weight: 600;
  color: #0f766e;
}

.md-typeset h4 {
  font-weight: 600;
  font-size: 1em;
  color: #374151;
  border-left: 3px solid #0f766e;
  padding-left: 0.5em;
}

/* 貼り付け画像（スクリーンショット）に枠線を表示 */
.md-typeset img:not(.twemoji):not(.emojione):not(.gemoji) {
  border: 1px solid #cbd5e1;
  border-radius: 2px;
}

/* ===== 手順書の読みやすさ：要素間の余白 =====
   既定では画像・表の上下余白が0で、手順の文章と接してしまうため間隔を空ける。 */

/* 画像の上下に余白（手順文・次の手順から分離する） */
.md-typeset img:not(.twemoji):not(.emojione):not(.gemoji) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

/* 画像を包むリンク（クリック拡大）も同じ扱いにする */
.md-typeset a.glightbox {
  display: inline-block;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.md-typeset a.glightbox img {
  margin-top: 0;
  margin-bottom: 0;
}

/* 表の上下に余白。
   Material が `.md-typeset table:not([class])` で余白0を指定しているため、
   同じ詳細度で後から上書きする（このCSSは main.css より後に読み込まれる）。 */
.md-typeset table:not([class]) {
  margin-top: 0.75em;
  margin-bottom: 1em;
}

/* 手順（番号付きリスト・箇条書き）の各項目の間隔を広げ、手順の区切りを分かりやすくする */
.md-typeset ol > li,
.md-typeset ul > li {
  margin-bottom: 0.9em;
}

/* 入れ子の項目は詰めて、階層が分かるようにする */
.md-typeset li > ul > li,
.md-typeset li > ol > li {
  margin-bottom: 0.35em;
}

/* ◆見出し（h3）の上余白を広げて節の区切りを明確にする */
.md-typeset h3 {
  margin-top: 2.2em;
}

/* (ⅰ)(ⅱ) などの小見出し（太字のみの段落）の上に余白を入れる */
.md-typeset p > strong:only-child {
  display: inline-block;
  margin-top: 0.8em;
}

/* 手順の直下にある小見出しは余白を詰める（二重に空かないように） */
.md-typeset li > p > strong:only-child {
  margin-top: 0;
}

/* 画像は width / height 属性を持たせて表示領域を先に確保している
   （hooks/mkdocs_hooks.py で付与）。実際の表示は本文幅に収めるため、
   縦横比を保つよう height:auto を指定する。 */
.md-typeset img {
  max-width: 100%;
  height: auto;
}

/* バージョンバッジ（2トーンのピル） */
.mdx-badge {
  display: inline-flex;
  align-items: stretch;
  font-size: 0.82em;
  font-weight: 600;
  line-height: 1.6;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle;
}
.mdx-badge__label {
  background: #475569;
  color: #ffffff;
  padding: 0.1em 0.7em;
}
.mdx-badge__value {
  background: #0f766e;
  color: #ffffff;
  padding: 0.1em 0.7em;
}
.mdx-badge__date {
  margin-left: 0.6em;
  font-size: 0.82em;
  color: #64748b;
  vertical-align: middle;
}

/* お知らせ 分類バッジ */
.news-badge {
  display: inline-block;
  font-size: 0.82em;
  font-weight: 600;
  line-height: 1.5;
  padding: 0.1em 0.6em;
  border-radius: 4px;
  color: #ffffff;
  white-space: nowrap;
  vertical-align: middle;
}
.news-badge.is-important { background: #b91c1c; }  /* 重要：赤 */
.news-badge.is-new       { background: #15803d; }  /* 新着：緑 */
.news-badge.is-change    { background: #1d4ed8; }  /* 変更：青 */
.news-badge.is-maint     { background: #b45309; }  /* メンテ：橙 */
.news-badge.is-bug       { background: #475569; }  /* 不具合：スレート */

/* お知らせ 発信日の小さめ表記 */
.news-badge__date {
  font-size: 0.9em;
  color: #64748b;
  vertical-align: middle;
}

/* 印刷時にブロックが途中で切れるのを防止 */
.no-break {
  page-break-inside: avoid;
}

/* コードブロックをクリックで全選択 */
.md-typeset pre {
  user-select: all;
}

/* サイドバーのフォントサイズ */
.md-ellipsis {
  font-size: 15px;
}

/* サイドバー：グループ（トグル）の中に実際にネストされているリンクにのみ
   「- 」を付与する。タブ直下の第1階層（グループ見出しと同列の単独リンク等）には付けない。
   data-md-level="1" はタブ直下の階層（グループ見出し・単独リンク）、
   data-md-level="2"以上が実際のグループ内サブ項目のため、そこだけを対象にする。
   （アクティブページ自身はページ内目次(TOC)が入れ子になるため、
   単純な.md-nav__listのネスト数では判定できない） */
.md-sidebar--primary nav[data-md-level="2"] > .md-nav__list > .md-nav__item > a.md-nav__link::before,
.md-sidebar--primary nav[data-md-level="3"] > .md-nav__list > .md-nav__item > a.md-nav__link::before,
.md-sidebar--primary nav[data-md-level="4"] > .md-nav__list > .md-nav__item > a.md-nav__link::before {
  content: "- ";
  color: #94a3b8;
}

/* インラインコード */
.md-typeset code {
  background: #eff0f1f5;
  color: #1f2937;
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-size: 0.9em;
}

/* テーブル */
.md-typeset table {
  width: 100%;
  border-collapse: collapse;
  line-height: 1.5;
}

/* 分類（結合列）が長文でも設定値列を潰さないよう、幅の上限を設定 */
.md-typeset table td:first-child {
  max-width: 16em;
}

/* 表のヘッダー行。
   章見出し（h2）のティールのバーと色が近く見分けづらかったため、
   テーマ色の最も淡いティール背景＋濃い文字にして、明度差で区別している。 */
.md-typeset th {
  background: #e6f4f1;
  color: #115e59;
  padding: 0.4em 0.7em;
  text-align: left;
  border: 1px solid #e5e7eb;
  border-bottom: 2px solid #0f766e;
  font-weight: 600;
  word-break: break-word;
  overflow-wrap: break-word;
}

.md-typeset td {
  padding: 0.4em 0.7em;
  border: 1px solid #e5e7eb;
  min-width: none;
  vertical-align: top;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* 縞模様は使わず、全行を白背景で統一する */
.md-typeset tr:nth-child(even),
.md-typeset tr:nth-child(odd) {
  background: #ffffff !important;
}

.md-typeset td[rowspan] {
  vertical-align: top;
}

/* 改訂履歴ページ（kaitei.md）の表の列幅。
   「版数」「更新日」が折り返さないよう固定し、「修正内容」に幅を回す。
   body への class="kaitei" は hooks/mkdocs_hooks.py で付与している。 */
body.kaitei .md-typeset table th:nth-child(1),
body.kaitei .md-typeset table td:nth-child(1) {
  width: 4.5em;
  white-space: nowrap;
}

body.kaitei .md-typeset table th:nth-child(2),
body.kaitei .md-typeset table td:nth-child(2) {
  width: 13em;
}

body.kaitei .md-typeset table th:nth-child(4),
body.kaitei .md-typeset table td:nth-child(4) {
  width: 6.5em;
  white-space: nowrap;
}

/* 改訂履歴の表では1列目の幅上限（16em）を打ち消す */
body.kaitei .md-typeset table td:first-child {
  max-width: none;
}

/* 見出しのパーマリンク（¶）。通常は控えめにし、見出しにカーソルを乗せたときだけ目立たせる */
.md-typeset .headerlink {
  color: #94a3b8;
  opacity: 0;
  transition: opacity 0.2s;
}

.md-typeset h1:hover .headerlink,
.md-typeset h2:hover .headerlink,
.md-typeset h3:hover .headerlink,
.md-typeset h4:hover .headerlink,
.md-typeset h5:hover .headerlink,
.md-typeset h6:hover .headerlink,
.md-typeset .headerlink:focus {
  opacity: 1;
}

/* h2は背景が濃い緑なので、リンク記号は白系にする */
.md-typeset h2 .headerlink {
  color: rgba(255, 255, 255, 0.7);
}

/* 印刷時はパーマリンクを出さない */
@media print {
  .md-typeset .headerlink {
    display: none;
  }
}

/* 画像はクリックで拡大できる（glightbox）ため、カーソルで分かるようにする */
.md-typeset a.glightbox img {
  cursor: zoom-in;
}


/* 表示幅（Material既定は 61rem＝976px）
   手順書は横長の表が多いため広げている。--gt3-grid-max を変えれば全体の幅を調整できる。
   本文カラムの幅 ＝ --gt3-grid-max － 左右サイドバー（--gt3-sidebar-total）
   例: 80rem(1280px) － 24.2rem(387px) ＝ 約890px */
:root {
  --gt3-grid-max: 66rem;
  --gt3-sidebar-total: 24.2rem;
}

.md-grid {
  max-width: var(--gt3-grid-max);
}

/* 背景・カード風レイアウト */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #f5f6f7;
}

.md-content__inner {
  background: #ffffff;
  padding: 2em;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* ページ送り（前へ／次へ）：黒い帯をやめ、手順書の直下に1行で表示する */
.md-footer {
  background-color: transparent;
  color: var(--md-default-fg-color);
}

/* 手順書（本文カラム）の真下に来るよう、幅と位置を本文に揃える。
   サイドバーが表示される画面幅のときだけ、その分を差し引く。 */
@media screen and (min-width: 76.25em) {
  .md-footer__inner {
    max-width: calc(min(var(--gt3-grid-max), 100%) - var(--gt3-sidebar-total));
  }
}

.md-footer__inner {
  margin: 0.2rem auto 0;
  padding: 0.5rem 0 0;
  border-top: 1px solid #e5e7eb;
  font-size: 0.7rem;
}

/* カード装飾をやめて1行のテキストリンクにする。
   Material既定は align-items:end（下揃え）・上下マージンありのため、上書きして中央揃えにする。
   アイコンとラベルの間隔は gap で左右対称にそろえる。 */
.md-footer__link {
  display: flex;
  align-items: center;
  flex-grow: 0;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  opacity: 1;
  overflow: visible;
}

/* ラベル部分。Material既定は display:none（画面幅により表示）なので常に表示させる */
.md-footer__link .md-footer__title {
  display: block;
  width: auto;
  height: auto;
  flex-grow: 0;
  margin: 0;
  padding: 0;
  background: none;
  line-height: 1.8;
  white-space: nowrap;
  overflow: visible;
}

/* ページ名は表示せず、「前のページ」「次のページ」の固定ラベルにする
   （ページ名は長いと途中で省略されて読めないため） */
.md-footer__direction,
.md-footer__link .md-ellipsis {
  display: none;
}

.md-footer__title::after {
  color: #0f766e;
  font-size: 0.72rem;
  font-weight: 600;
  white-space: nowrap;
}

/* 矢印はSVGアイコンを使わず、ラベルに文字として含める。
   （SVGアイコンはMaterial側のサイズ・余白指定が複雑で、左右の見た目がそろわないため） */
.md-footer__link .md-footer__button {
  display: none;
}

.md-footer__link--prev .md-footer__title::after {
  content: "< 前のページ";
}

.md-footer__link--next .md-footer__title::after {
  content: "次のページ >";
}

.md-footer__link:hover .md-footer__title::after {
  text-decoration: underline;
}

/* コピーライト帯も黒帯をやめる */
.md-footer-meta {
  background-color: transparent;
}

.md-footer-meta .md-copyright,
.md-footer-meta .md-copyright a {
  color: #94a3b8;
}

/* ページ内目次：画面表示では非表示、印刷時のみ表示 */
.toc-print-only {
  display: none;
}

/* 印刷用 */
@media print {
  @page {
    margin: 1.5cm 1.2cm 1.5cm 1.8cm;
  }

  .md-header,
  .md-tabs,
  .md-sidebar,
  .md-footer {
    display: none !important;
  }

  .toc-print-only {
    display: block !important;
  }

  .md-content__inner {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  [data-md-color-scheme="default"] {
    --md-default-bg-color: #ffffff;
  }

  .md-grid {
    max-width: 100% !important;
  }
}

/* ==========================================================================
   ページ末尾のフッタリンク
   Markdown側は「- 改訂履歴: [改訂履歴](../kaitei.md)」の箇条書きで書き、
   ビルド時のフック（hooks/mkdocs_hooks.py）で
   <nav class="page-footer-links"> に置き換えている。
   本文の箇条書きと同じ見た目だと手順の一部と誤解されるため、
   小さく・控えめな色のリンク列として、本文とはっきり区別する。
   ========================================================================== */
.md-typeset .page-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2em 1.6em;
  margin: 3.2em 0 0;
  padding-top: 0.9em;
  border-top: 1px solid var(--md-default-fg-color--lightest);
  font-size: 0.72rem;
  line-height: 1.9;
}

.md-typeset .page-footer-links a {
  color: var(--md-default-fg-color--light);
  text-decoration: none;
}

/* リンクの前に控えめな矢印を付け、箇条書きの「・」と差を付ける */
.md-typeset .page-footer-links a::before {
  content: "›";
  margin-right: 0.4em;
  opacity: 0.5;
}

.md-typeset .page-footer-links a:hover,
.md-typeset .page-footer-links a:focus {
  color: var(--md-accent-fg-color);
  text-decoration: underline;
}

.md-typeset .page-footer-links a:hover::before,
.md-typeset .page-footer-links a:focus::before {
  opacity: 1;
}

/* 印刷時は不要（紙の上ではリンクをたどれないため） */
@media print {
  .md-typeset .page-footer-links {
    display: none !important;
  }
}

/* ==========================================================================
   FAQ の質問・回答（body に class="faq" が付いたページだけに適用）
   Markdown側は次の形で書く。
       ### Q. 質問文 { #id }
       **A.** 回答…
   本文では太字を使わない方針のため、質問・回答の区別は
   Markdownの装飾ではなくCSSで付ける。
   ========================================================================== */

/* 質問（### Q.）。左に色の帯を付けて、質問の始まりが一目で分かるようにする */
.faq .md-typeset h3 {
  margin-top: 2.4em;
  margin-bottom: 0.9em;
  padding: 0.6em 0.9em;
  background: var(--md-code-bg-color);
  border-left: 3px solid var(--md-primary-fg-color);
  font-size: 1em;
  line-height: 1.6;
}

/* 小見出し（## グループ名）の直後の質問は、余白を詰める */
.faq .md-typeset h2 + h3 {
  margin-top: 1.2em;
}

/* 回答の「A.」ラベル。文中で太字を使わないので、ここだけしっかり太字にする */
.faq .md-typeset h3 + p > strong:first-child {
  display: inline-block;
  margin-right: 0.4em;
  color: var(--md-default-fg-color);
  font-weight: 700;
  font-size: 1.1em;
}

/* 回答本文は少し左に寄せて、質問の帯と揃える */
.faq .md-typeset h3 + p {
  margin-top: 0;
}

/* 回答の内容を変更したときだけ付ける更新表示。
   本文の邪魔にならないよう、小さく・淡く表示する。
   書き方：*更新：2026-08-13（変更の要点）*{ .faq-updated } */
.faq .md-typeset em.faq-updated {
  display: block;
  margin-top: 0.8em;
  color: var(--md-default-fg-color--light);
  font-size: 0.72rem;
  font-style: normal;
}

@media print {
  .faq .md-typeset h3 {
    background: transparent;
    border-left: 3px solid #999;
  }
}