/* 推しROOM 共通スタイル — ブランドカラー & 世界観 */
:root{
  --pink:#FF6FA5; --pink-d:#D15A88; --pink-deep:#A6396A; --pink-lite:#FFE6F0;
  --blue:#A6C1EE; --ink:#1C1C1E; --sub:#6E6E73; --line:#E9E9EC;
  --bg:#F4EFF2; --card:#FFFFFF;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--ink); background:var(--bg);
  font-family:'M PLUS Rounded 1c',-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.8;
}
/* ドット模様の背景レイヤー */
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:
    radial-gradient(circle at 12px 10px, rgba(255,111,165,.10) 3px, transparent 4px),
    radial-gradient(circle at 40px 38px, rgba(166,193,238,.12) 2px, transparent 3px),
    radial-gradient(circle at 66px 14px, rgba(255,111,165,.07) 2px, transparent 3px);
  background-size:78px 64px;
}
.wrap{position:relative; z-index:1; max-width:840px; margin:0 auto; padding:0 22px}

a{color:var(--pink-deep); text-decoration:none; font-weight:700}
a:hover{text-decoration:underline}

/* 記事ページ（プライバシー・サポート） */
.article{
  background:var(--card); border:1px solid var(--line); border-radius:24px;
  box-shadow:0 10px 26px rgba(0,0,0,.05); padding:34px 30px; margin:34px 0 26px;
}
.article h1{font-size:24px; font-weight:900; margin:0 0 6px}
.article h2{font-size:16.5px; font-weight:900; margin:30px 0 8px; color:var(--pink-deep)}
.article p, .article li{font-size:14.5px; color:var(--ink)}
.article .meta{font-size:12.5px; color:var(--sub); font-weight:600; margin:0 0 6px}
.article ul{padding-left:20px}
.article pre{white-space:pre-wrap; word-break:break-word; font-family:inherit; font-size:14.5px; margin:0}

/* トップに戻るリンク */
.back{
  display:inline-flex; align-items:center; gap:6px; margin:24px 0 4px;
  font-size:13px; font-weight:800; color:var(--pink-deep);
}

footer{text-align:center; padding:8px 0 60px; color:var(--sub); font-size:12.5px; font-weight:600}
footer a{color:var(--pink-deep); margin:0 8px}
footer .copy{display:block; margin-top:14px; color:#A8A8AE}

@media (max-width:560px){
  .article{padding:26px 20px}
  .article h1{font-size:21px}
}
@media (prefers-color-scheme: dark){
  :root{--bg:#16131a; --card:#211c26; --ink:#F2EEF4; --sub:#A8A2AE; --line:#332b3a}
}