/* バベル 静的コンテンツページ共通スタイル（ゲーム本体のstyle.cssとは独立） */
:root {
  --gold: #f0c43c;
  --ink: #e8e9f2;
  --dim: #8b93ad;
  --bg: #0a0d1c;
  --card: rgba(20, 25, 48, 0.55);
  --line: rgba(150, 165, 210, 0.18);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: linear-gradient(180deg, #0a0d1c 0%, #141029 60%, #251530 100%);
  color: var(--ink);
  font: 15px/1.95 'Helvetica Neue', system-ui, sans-serif;
  min-height: 100vh;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 32px 20px 60px; }
header.site { display: flex; align-items: baseline; gap: 14px; margin-bottom: 8px; flex-wrap: wrap; }
.logo { font-family: 'Shippori Mincho', serif; font-weight: 800; font-size: 26px; color: var(--gold); text-decoration: none; letter-spacing: 0.12em; }
.logo small { font-size: 12px; color: var(--dim); letter-spacing: 0.05em; margin-left: 8px; }
nav.bread { font-size: 12.5px; color: var(--dim); margin-bottom: 26px; }
nav.bread a { color: var(--dim); }
h1 { font-family: 'Shippori Mincho', serif; font-size: 28px; color: var(--gold); line-height: 1.5; margin: 8px 0 18px; }
h2 { font-family: 'Shippori Mincho', serif; font-size: 20px; color: #f5e6b0; margin: 38px 0 12px; padding-left: 12px; border-left: 3px solid var(--gold); }
h3 { font-size: 16px; color: var(--ink); margin: 24px 0 8px; }
p { margin: 0 0 14px; color: #cfd4e6; }
ul, ol { margin: 0 0 16px 22px; color: #cfd4e6; }
li { margin-bottom: 6px; }
b, strong { color: var(--gold); font-weight: 700; }
a { color: var(--gold); }
table { width: 100%; border-collapse: collapse; margin: 14px 0 22px; font-size: 14px; }
th { text-align: left; color: var(--dim); font-weight: 600; border-bottom: 1px solid var(--line); padding: 7px 10px; white-space: nowrap; }
td { border-bottom: 1px solid var(--line); padding: 7px 10px; color: #cfd4e6; }
td.gold { color: var(--gold); font-weight: 700; white-space: nowrap; }
.cta {
  display: block; text-align: center; margin: 34px 0 8px; padding: 15px 0;
  font-weight: 800; font-size: 16px; color: #1a1206; text-decoration: none;
  background: linear-gradient(175deg, #fdf6dc, var(--gold)); border-radius: 12px;
}
.note { font-size: 13px; color: var(--dim); background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 12px 16px; margin: 14px 0; }
footer.site { margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--dim); display: flex; gap: 16px; flex-wrap: wrap; }
footer.site a { color: var(--dim); }