/* 利用規約・プライバシーポリシーのページ（terms.html・privacy.html）の見た目 */
:root { --accent: #ff3355; --accent-2: #ffd23f; --ink: #1b1d2a; --paper: #ffffff; --muted: #5a5f73; --line: #e3e6ef; --link: #2b6cff; }
@media (prefers-color-scheme: dark) {
  :root { --ink: #eef0f6; --paper: #16182a; --muted: #a3a8bc; --line: #2c2f45; --link: #8fb0ff; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 15px/1.8 system-ui, -apple-system, 'Hiragino Sans', 'Noto Sans JP', sans-serif; }
header { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; color: #fff; background: linear-gradient(120deg, #2b8cff, #6a3cff); }
header .home { color: #fff; font-weight: 900; text-decoration: none; letter-spacing: -0.5px; }
header .home b { color: var(--accent-2); }
.langs { display: flex; gap: 6px; }
.langs button { padding: 4px 10px; border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 999px; font: inherit; font-size: 13px; color: #fff; background: transparent; cursor: pointer; }
.langs button[aria-pressed='true'] { color: var(--ink); background: #fff; border-color: #fff; }
@media (prefers-color-scheme: dark) { .langs button[aria-pressed='true'] { color: #16182a; } }
main { max-width: 760px; margin: 0 auto; padding: 8px 16px 40px; }
h1 { margin: 24px 0 4px; font-size: 26px; line-height: 1.3; }
h2 { margin: 28px 0 6px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 17px; }
.meta, .note { margin: 0 0 12px; font-size: 13px; color: var(--muted); }
ul, ol { padding-left: 1.4em; }
li { margin: 4px 0; }
a { color: var(--link); overflow-wrap: anywhere; }
.contact { font-weight: 700; }
footer { padding: 18px 16px 28px; border-top: 1px solid var(--line); text-align: center; font-size: 13px; color: var(--muted); }
/* 言語の切り替え（legal.js が html の data-lang を決める） */
html[data-lang='ja'] section[lang='en'], html[data-lang='en'] section[lang='ja'] { display: none; }