/* 260525Cl: ヘッダー/タブの背景をページ本体の背景色に合わせる (既定の blue grey をやめる)。
   CSS 変数を使うのでライト/ダーク両方で本体背景に追従する。境界は薄い線で示す。 */
.md-header,
.md-tabs {
  background-color: var(--md-default-bg-color);
  color: var(--md-default-fg-color);
}
.md-header {
  border-bottom: 0.05rem solid var(--md-default-fg-color--lightest);
}
/* 検索ボックスは本体背景と区別がつくよう薄いグレーにする */
.md-search__input {
  background-color: var(--md-default-fg-color--lightest);
}
.md-search__input::placeholder,
.md-search__icon {
  color: var(--md-default-fg-color--light);
}

/* 260525Ch: Keep migrated screenshots readable in the MkDocs layout. */
.md-typeset img {
  max-width: 100%;
  height: auto;
}

.md-typeset table {
  font-size: 0.75rem;
}
/* 260525Cl: テーブルの行間を詰める。Material 既定のセル上下パディング (.9375em) が
   行を高くしているので、上下を 0.3em に縮める (左右は少しだけ詰める)。
   既定と同じ詳細度 (table:not([class])) で上書きする。 */
.md-typeset table:not([class]) th,
.md-typeset table:not([class]) td {
  padding: 0.3em 0.9em;
}

/* ============================================================================
   260525Cl: ヘッダー/フッターのコンパクト化と言語切替の一本化
   ---------------------------------------------------------------------------
   要望:
     (1) ヘッダー・フッターをもう少し低くする
     (2) フッターを常時表示にする
     (3) 言語切替パーツが 2 か所 (右上の翻訳アイコン=extra.alternate と
         左下のタブバー=English/日本語) あり機能が重複。左下のタブを削除する
   ============================================================================ */

/* (3) 左下の言語タブバー (.md-tabs) を非表示にする。
   nav の最上位は EN/JA の 2 言語だけなので、このバーは言語切替専用。
   右上の言語セレクタ (翻訳アイコン) と機能が重複するため消す。
   navigation.tabs 機能自体は残すので、左サイドバーは引き続きアクティブ言語の
   ページツリーを表示する (言語切替は右上セレクタが担当)。 */
.md-tabs {
  display: none;
}

/* タブバーを消した分、ワイド表示でサイドバーが header 直下に詰まるよう sticky 位置を補正する。
   Material 既定は header(2.4rem)+tabs(2.4rem)=4.8rem を前提に top:4.8rem を当てるため、
   タブを消すと 2.4rem の隙間ができる。header 高さ 2.0rem に合わせて 2.0rem へ。 */
@media screen and (min-width: 76.25em) {
  .md-sidebar {
    top: 2.0rem;
  }
}

/* (1) ヘッダーを少し低くする (既定 2.4rem → 2.0rem)。
   高さは .md-header__title が支配するので、これとアイコンボタン/検索窓を一緒に詰める。 */
.md-header__title {
  height: 2.0rem;
  line-height: 2.0rem;
}
.md-header__button {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  padding: 0.3rem;
}
.md-search__input {
  height: 1.8rem;
}

/* (1)(2) フッターを低くし、常に画面下部に表示する。
   .md-footer は body 直下・最後の要素なので、bottom:0 の sticky で常時可視になる
   (in-flow のまま固定されるので本文末尾との重なりも起きない)。 */
.md-footer {
  position: sticky;
  bottom: 0;
  z-index: 3;
}
/* 前/次ページナビ (.md-footer__inner) と著作権バー (.md-footer-meta__inner) の余白を詰める。
   前/次ナビが高い主因は .md-footer__link の大きな上下マージン (既定 margin-top:1rem +
   margin-bottom:.4rem) と .md-footer__title (font-size:.9rem + margin-bottom:.7rem)。
   フォントを小さくし余白を削って 1 行ぶんに圧縮する。 */
.md-footer__inner {
  padding: 0.1rem 0.2rem;
}
.md-footer__link {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  /* 既定 flex-grow:0.01 だと前/次リンクが伸びず、ページ名が早々に省略される。
     1 にして使える幅いっぱい (前/次が揃うときは各≒50%) に広げ、表示文字数を増やす。 */
  flex-grow: 1;
}
.md-footer__title {
  font-size: 0.7rem;      /* 既定 0.9rem */
  margin-bottom: 0;       /* 既定 0.7rem */
  padding: 0 0.5rem;      /* 既定 0 1rem */
  line-height: 1.3;
  /* 矢印を 0.9rem に縮めたので、矢印用の予約幅も 2.4rem → 1.4rem に減らしてタイトルを広く取る */
  max-width: calc(100% - 1.4rem);
}
.md-footer__direction {
  display: none;          /* "Previous"/"Next" ラベルは不要 (矢印とページ名は残す) */
}
/* 行の最大高は前/次の矢印アイコン (.md-icon svg 既定 1.2rem) なので、これを縮めるのが効く。
   ボタン枠の余白も削って高さを抑える。 */
.md-footer__button {
  margin: 0;
  padding: 0.1rem;
}
.md-footer__button svg {
  height: 0.9rem;         /* 既定 1.2rem */
  width: 0.9rem;
}
.md-footer-meta__inner {
  padding: 0.1rem 0.2rem;
}

/* 260525Ch: Keep the primary navigation visible on desktop-sized documentation views. */
@media screen and (min-width: 60em) and (max-width: 76.234375em) {
  .md-header__button[for="__drawer"] {
    display: none;
  }

  .md-main__inner {
    display: flex;
  }

  .md-sidebar--primary {
    display: block;
    flex: 0 0 12.1rem;
    /* 260525Cl: header 高さを 2.0rem に詰めたので sticky オフセットも 2.4rem → 2.0rem に合わせる */
    height: calc(100vh - 2.0rem);
    opacity: 1;
    order: 0;
    position: sticky;
    top: 2.0rem;
    transform: none;
    visibility: visible;
  }

  .md-content {
    min-width: 0;
  }
}