/*
 * legal.css — 法務系公開ページ（terms.html / privacy.html / tokushoho.html）共通スタイル
 *
 * 3ページの <head> インライン <style> を統合した単一スタイルシート。
 * 各ページの DOCTYPE 直下コメント記載のとおり、3ページはヘッダー・フッター・
 * .terms-container / .terms-article のレイアウトを共有する。
 *
 * 大半の宣言は3ページ（または table を持つ privacy/tokushoho）で完全一致するため
 * 無スコープで定義する。テーブルセルの余白・行間・折り返しだけは privacy と
 * tokushoho で値が異なるため、各 <body> のページクラス
 * （.legal-privacy / .legal-tokushoho）でスコープして見た目を従来どおり維持する。
 * terms.html はテーブルを持たないためページクラス無しで読み込む。
 */

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'Noto Sans JP', sans-serif;
    background: #fafbfc;
    color: #0f172a;
}

.terms-container {
    max-width: 760px;
}

.terms-article h2 {
    font-size: 1.0625rem;
    font-weight: 700;
    color: #0c356a;
    margin-top: 2.5rem;
    margin-bottom: 0.875rem;
    letter-spacing: 0.01em;
}

.terms-article p {
    margin-bottom: 0.875rem;
    line-height: 1.9;
    color: #334155;
}

.terms-article ol {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 0.875rem;
}

.terms-article ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 0.875rem;
}

.terms-article ol li,
.terms-article ul li {
    margin-bottom: 0.5rem;
    line-height: 1.9;
    color: #334155;
}

.terms-article ol.nested,
.terms-article ul.nested {
    list-style-type: none;
    padding-left: 1rem;
    margin-top: 0.5rem;
}

.terms-article ol.nested li,
.terms-article ul.nested li {
    margin-bottom: 0.25rem;
}

.terms-article table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0 1.5rem;
    font-size: 0.9375rem;
}

.terms-article table th {
    color: #0c356a;
    font-weight: 600;
    background: #f8fafc;
}

.brand-accent {
    color: #2563eb;
}

/* --- privacy.html 固有のテーブルセル指定 --- */
.legal-privacy .terms-article table th,
.legal-privacy .terms-article table td {
    padding: 0.625rem 0.875rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e5e7eb;
}

/* --- tokushoho.html 固有のテーブルセル指定（余白・行間が privacy と異なる） --- */
.legal-tokushoho .terms-article table th,
.legal-tokushoho .terms-article table td {
    padding: 0.875rem 1rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid #e5e7eb;
    line-height: 1.85;
    color: #334155;
}

.legal-tokushoho .terms-article table th {
    white-space: nowrap;
}
