/* ユメヨミのサポートページ。アプリと同じ夜空と金で組む。 */
:root {
  --night: #12102a;
  --night-deep: #0b0a1e;
  --card: rgba(255, 255, 255, 0.06);
  --text: #f2f1f7;
  --text-soft: #a9a6bd;
  --gold: #f2ce6f;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  padding: 0 20px 80px;
  background: linear-gradient(175deg, #16143a 0%, var(--night) 45%, var(--night-deep) 100%);
  min-height: 100vh;
  color: var(--text);
  font-family: 'Hiragino Maru Gothic ProN', 'Hiragino Sans', sans-serif;
  line-height: 1.9;
  letter-spacing: 0.03em;
}
main { max-width: 660px; margin: 0 auto; }
header { padding: 56px 0 8px; }
h1 { font-size: 26px; letter-spacing: 0.3em; text-indent: 0.3em; margin: 0; font-weight: 800; }
.lead { color: var(--text-soft); font-size: 14px; margin: 10px 0 0; }
h2 {
  font-size: 16px; letter-spacing: 0.18em; font-weight: 800;
  margin: 46px 0 14px; padding-bottom: 7px;
  color: var(--gold);
  border-bottom: 1px solid rgba(242, 206, 111, 0.35);
}
p, li { font-size: 14.5px; }
ul { padding-left: 1.2em; }
li { margin: 5px 0; }
a { color: var(--gold); }
strong { font-weight: 800; border-bottom: 1px solid rgba(242, 206, 111, 0.5); }
table { border-collapse: collapse; font-size: 13.5px; }
th, td { border: 1px solid rgba(255, 255, 255, 0.18); padding: 8px 12px; text-align: left; }
th { white-space: nowrap; color: var(--text-soft); font-weight: 600; }