/* docs.css ─ ドキュメント系ページ専用追加スタイル */

/* メイン本文の幅・配置 */
.docs-container {
  max-width: 800px;
  margin: 80px 0 60px 0;
  padding: 0 20px;
  line-height: 1.8;
  font-size: 1rem;
  box-sizing: border-box;
}


/* 見出し */
main h1 {
  font-size: 1.6em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #00ff88;
  padding-bottom: 0.3em;
}
main h2 {
  margin-top: 2em;
  font-size: 1.2em;
  border-left: 4px solid #00ff88;
  padding-left: 0.5em;
}

/* リスト調整 */
.docs-container ul,
.docs-container ol {
  padding-left: 4em !important;
  margin-bottom: 1em !important;
}

.docs-container li {
  margin-bottom: 0.3em;
  line-height: 1.4;
}

/* インデントしたい段落用 */
main .indented {
  margin-left: 2.5em;
}

/* 用語リストや定義リストに使いたい場合 */
main dl {
  margin-left: 2em;
  margin-bottom: 1em;
}
main dt {
  font-weight: bold;
}
main dd {
  margin-left: 1em;
  margin-bottom: 0.5em;
}

/* テーブル（使う場合） */
main table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
  background: #191919;
}
main th, main td {
  border: 1px solid #333;
  padding: 0.6em 1em;
  text-align: left;
}

/* a: すでにcommon.cssでカスタム済み */

@media (max-width: 600px) {
  main {
    margin: 30px 0;
    padding: 0 0.5em;
    font-size: 0.98em;
  }
}