:root { --bg:#0f0f11; --card:#19191c; --text:#eee7d8; --muted:#b0a897; --gold:#c9a96e; --line:#2a2926; }
@media (prefers-color-scheme: light) { :root { --bg:#faf7f0; --card:#fff; --text:#1f1b14; --muted:#5f574a; --gold:#8a6a2c; --line:#e6dfd0; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 40px 20px 80px; }
h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 34px; margin: 0 0 4px; }
h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 22px; margin: 36px 0 8px; color: var(--gold); }
p, li { color: var(--text); } .muted { color: var(--muted); font-size: 14px; }
a { color: var(--gold); } ul { padding-left: 20px; }
nav { display:flex; flex-wrap:wrap; gap:8px 18px; font-size:14px; margin-bottom:28px; } nav a { text-decoration:none; }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin:16px 0; }
h3 { font-size:17px; margin:0 0 6px; }
ol { padding-left: 24px; }
/* The Japanese pages (lang="ja"): Japanese faces after the Latin ones, a looser line, long addresses wrap. */
html:lang(ja) body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, sans-serif; line-height:1.8; }
html:lang(ja) h1, html:lang(ja) h2 { font-family: Georgia, "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif; }
html:lang(ja) h1 { font-size: 30px; line-height: 1.4; text-wrap: balance; }
html:lang(ja) main { overflow-wrap:anywhere; }
html:lang(zh-Hans) body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif; line-height:1.8; }
html:lang(zh-Hans) h1, html:lang(zh-Hans) h2 { font-family: Georgia, "Songti SC", STSong, "Noto Serif SC", serif; }
html:lang(zh-Hans) h1 { font-size: 30px; line-height: 1.4; text-wrap: balance; }
html:lang(zh-Hans) main { overflow-wrap:anywhere; }
/* Label / value pairs (特定商取引法に基づく表記, 外部送信について). */
.kv { margin:4px 0 0; } .kv dt { color:var(--gold); font-size:13px; margin-top:12px; } .kv dt:first-child { margin-top:0; } .kv dd { margin:2px 0 0; }
.kv dd ul { margin:4px 0; }
.toc { font-size:14px; } .toc li { color:var(--muted); }