/* プライバシーポリシーとサポートの共通の見た目。
   ゲーム本体の style.css とは別物。文章を読ませることだけを考える */
*{box-sizing:border-box}
body{
  margin:0;padding:0 20px 72px;
  background:#fbf6ea;color:#2b2118;
  font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",system-ui,sans-serif;
  line-height:1.85;font-size:15px;
  -webkit-text-size-adjust:100%
}
.page{max-width:680px;margin:0 auto}

/* 見出しの帯。タイトル画面のタイルと同じ形にして、同じアプリの一部だと分かるようにする */
header{padding:34px 0 26px;text-align:center}
.logo{display:inline-flex;gap:5px;--w:38px}
.lt{
  width:var(--w);height:var(--w);border-radius:calc(var(--w) * .24);
  background:#fff;color:#2b2118;
  display:flex;align-items:center;justify-content:center;
  font-size:calc(var(--w) * .61);font-weight:900;line-height:1;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.09),0 3px 0 rgba(0,0,0,.12)
}
header h1{font-size:20px;font-weight:800;margin:16px 0 4px;letter-spacing:.02em}
header .date{font-size:12px;opacity:.55;margin:0}

h2{
  font-size:16px;font-weight:800;margin:34px 0 10px;
  padding-bottom:7px;border-bottom:2px solid rgba(43,33,24,.12)
}
h3{font-size:14px;font-weight:800;margin:22px 0 4px}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:1.25em}
li{margin-bottom:5px}
a{color:#c2506f;text-decoration:underline;text-underline-offset:3px}
/* メールアドレスはリンクにしない。アプリに同梱するページなので、mailto: が
   あるとキッズカテゴリの「保護者ゲートなしで開発者に連絡できる」に当たる */
.mail{font-weight:700;word-break:break-all}
strong{font-weight:800}

/* 言い切っておきたいところ */
.point{
  background:#fff;border-radius:14px;padding:16px 18px;margin:0 0 16px;
  box-shadow:0 2px 0 rgba(0,0,0,.06)
}
.point p:last-child{margin-bottom:0}

dl{margin:0}
dt{font-weight:800;margin:20px 0 3px}
dd{margin:0 0 14px}

footer{
  margin-top:44px;padding-top:22px;border-top:2px solid rgba(43,33,24,.12);
  font-size:13px;opacity:.75
}
footer p{margin:0 0 6px}

/* 英語の要約。審査で読まれることを考えて短く添える */
.en{margin-top:38px;font-size:13px;opacity:.72}
.en h2{font-size:14px}

@media (prefers-color-scheme: dark){
  body{background:#1c1a17;color:#ece7dd}
  .lt{background:#fbf6ea;color:#2b2118}
  h2,footer{border-color:rgba(236,231,221,.16)}
  .point{background:rgba(255,255,255,.06);box-shadow:none}
  a{color:#f0a0b8}
}