/* ===============================
   静的ページ専用スタイル（guide.html, about.html）
   =============================== */

/* 静的ページの上幅調整 */
body.static-page main {
  margin-top: 10px !important; /* 固定ヘッダー（60px） + 最小限の余白（10px） */
}

/* 静的ページのコンテナ上部マージン調整 */
body.static-page .container {
  margin-top: 0 !important;
}

/* 静的ページのコンテンツスタイル */
body.static-page .container-section h2 {
  font-size: var(--font-lg);
  font-weight: bold;
  color: var(--color-primary);
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--color-primary);
}

body.static-page .container-section p {
  font-size: var(--font-md);
  line-height: 1.6;
  margin-bottom: 15px;
  text-align: justify;
}

body.static-page .container-section ul {
  font-size: var(--font-md);
  line-height: 1.6;
  margin-bottom: 15px;
  padding-left: 20px;
}

body.static-page .container-section li {
  margin-bottom: 8px;
}

body.static-page .container-section strong {
  color: var(--color-primary);
  font-weight: bold;
}

/* モバイル対応 */
@media (max-width: 768px) {
  body.static-page main {
    margin-top: 8px !important;
  }

  body.static-page .container-section h2 {
    font-size: var(--font-md);
    margin-bottom: 12px;
  }

  body.static-page .container-section p,
  body.static-page .container-section ul {
    font-size: var(--font-sm);
    line-height: 1.5;
  }

  body.static-page .container-section li {
    margin-bottom: 6px;
  }
}