/* ===================================================================
   legal.css — 規約・ポリシー系ページ（privacy / terms）の共有レイアウト
   privacy.html と terms.html に字句どおり同一で存在していたルールを
   そのまま移設したもの。リファクタリングはしていない。

   注意：ここより後ろに各ページのインライン <style> が読み込まれる。
   terms.html の table 規則など、元ファイルで `ul li` の後ろに
   書かれていたルールは、宣言順を変えないためページ側に残してある。
   =================================================================== */

body { font-family: 'Helvetica Neue', Arial, sans-serif; background: #f8fafc; color: #1e293b; }
nav {
    background: white; padding: 16px 32px; display: flex;
    align-items: center; border-bottom: 1px solid #e2e8f0; gap: 16px;
}
nav a.logo { font-size: 18px; font-weight: 800; color: #6366f1; text-decoration: none; flex: 1; }
nav a.nav-link { color: #64748b; text-decoration: none; font-size: 14px; }
nav a.nav-link:hover { color: #6366f1; }

.container { max-width: 800px; margin: 50px auto; padding: 0 20px 80px; }
h1 { font-size: 28px; font-weight: 900; color: #1e293b; margin-bottom: 8px; }
.date { font-size: 14px; color: #64748b; margin-bottom: 40px; }

.card { background: white; border-radius: 16px; padding: 40px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); }

h2 { font-size: 18px; font-weight: 800; color: #1e293b; margin: 32px 0 12px; padding-bottom: 8px; border-bottom: 2px solid #e2e8f0; }
h2:first-child { margin-top: 0; }
p { font-size: 15px; color: #475569; line-height: 1.85; margin-bottom: 12px; }
ul { padding-left: 20px; margin-bottom: 12px; }
ul li { font-size: 15px; color: #475569; line-height: 1.85; margin-bottom: 6px; }