/* 読みやすさと編集時の見通し改善用の軽量カスタム */

/* 本文幅を少し広げる */
.md-grid { max-width: 1200px; }

/* コードブロックの行間を少し詰める */
.md-typeset pre > code { line-height: 1.4; }

/* カード風レイアウト補助（index.md で .grid .cards を使う場合） */
.grid.cards > ul { margin-top: 0.8rem; }

/* Hero セクション（kOps 風の簡易ヒーロー） */
.hero {
  padding: 1.2rem 0 0.8rem;
}
.hero__subtitle {
  font-size: 1.1rem;
  margin: 0.2rem 0 0.8rem;
  color: var(--md-default-fg-color--light);
}
.hero__buttons .md-button { margin-right: .4rem; }

/* （ヘッダー関連カスタマイズは撤回済み） */

/* ===== グローバルで左ナビ（プライマリサイドバー）を非表示 ===== */
.md-sidebar--primary {
  display: none;
}

/* 左ナビ非表示時でも本文コンテナを中央寄せに保つ */
@media screen and (min-width: 960px) {
  .md-main__inner {
    margin-left: auto;
    margin-right: auto;
  }
}

/* 目次（右サイド）をフルハイトでスクロール可能にする */
@media screen and (min-width: 960px) {
  :root { --md-sidebar-width: 18rem; }
  .md-sidebar--secondary {
    position: sticky;
    top: var(--md-header-height, 64px);
    height: calc(100vh - var(--md-header-height, 64px));
    width: var(--md-sidebar-width);
  }
  .md-nav--secondary {
    height: 100%;
    overflow: auto;
  }
}