/* サイトの外に置いた静的ページ（プライバシーポリシー・ゲームの紹介ページ）の共通の見た目。
   index.html の :root・上のバー・見出しに合わせている */
:root {
  --paper: #ffffff; --ink: #1b2a41; --ink-soft: #5b6b82; --line: #d5dde8;
  --dot: "DotGothic16", "Courier New", monospace;
  --sans: "Zen Kaku Gothic New", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { font-family: var(--sans); color: var(--ink); background: var(--paper); line-height: 1.8; min-height: 100vh; }
a { color: inherit; }
.site-head {
  position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: center;
  padding: 10px 16px; padding-top: calc(10px + env(safe-area-inset-top, 0px));
  border-bottom: 2px solid var(--ink); background: var(--paper);
}
.site-head a { display: block; line-height: 0; }
.site-head img { display: block; height: 40px; width: auto; }
main { max-width: 720px; margin: 0 auto; padding: 30px 20px 70px; }
h1 { font-family: var(--dot); font-size: clamp(26px, 5.5vw, 40px); line-height: 1.2; letter-spacing: .04em; margin-bottom: 16px; font-weight: 400; }
h2 {
  font-family: var(--dot); font-size: 20px; letter-spacing: .04em; font-weight: 400;
  display: flex; align-items: center; gap: 10px; margin: 34px 0 10px;
}
h2::after { content: ""; flex: 1; height: 2px; background: var(--ink); opacity: .18; }
p + p { margin-top: 8px; }
.muted { color: var(--ink-soft); font-size: 13.5px; }
.btn {
  display: inline-flex; align-items: center; justify-content: center; padding: 12px 34px;
  border: 2px solid var(--ink); border-radius: 999px; background: #fff; color: var(--ink);
  font-weight: 700; text-decoration: none; box-shadow: 2px 2px 0 rgba(27,42,65,.18);
}
footer { margin-top: 48px; padding-top: 16px; border-top: 2px solid var(--line); font-size: 13px; color: var(--ink-soft); }
[hidden] { display: none !important; }