/* 一人でできるモン｜文章ページ（特商法・プライバシーポリシー）の見た目 */
:root{
  --bg:#0a0e1a; --card:#161e31; --card2:#1e2944;
  --accent:#4f8ef7; --accent2:#f7b84f; --violet:#8b6cf7;
  --text:#e8edf7; --sub:#9aa7c0; --line:#2e3a55;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--bg); color:var(--text);
  font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  line-height:1.95; -webkit-font-smoothing:antialiased;
}
a{color:var(--accent)}
img{display:block}
.wrap{max-width:800px; margin:0 auto; padding:0 20px}

header{
  position:sticky; top:0; z-index:50;
  background:rgba(10,14,26,.86); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.hbar{display:flex; align-items:center; gap:14px; height:60px; max-width:1080px; margin:0 auto; padding:0 20px}
.logo{display:flex; align-items:center; gap:9px; font-weight:700; font-size:16px; color:var(--text); text-decoration:none; white-space:nowrap}
.logo img{width:30px; height:30px; border-radius:50%; object-fit:cover}
.hbar nav{margin-left:auto; font-size:13.5px}
.hbar nav a{color:var(--sub); text-decoration:none}
.hbar nav a:hover{color:var(--text)}

main{padding:56px 0 80px}
h1{font-size:27px; font-weight:800; line-height:1.5; margin-bottom:10px}
.updated{color:var(--sub); font-size:13px; margin-bottom:36px}
h2{font-size:18px; font-weight:700; margin:38px 0 12px; padding-left:12px; border-left:3px solid var(--accent)}
p{color:var(--sub); font-size:15px; margin-bottom:12px}
ul,ol{color:var(--sub); font-size:15px; margin:0 0 12px 1.4em}
li{margin-bottom:6px}
strong{color:var(--text)}
.todo{color:var(--accent2); font-weight:700}

table.info{width:100%; border-collapse:collapse; font-size:15px; margin-top:8px}
table.info th,table.info td{
  text-align:left; padding:16px 10px; border-bottom:1px solid var(--line); vertical-align:top;
}
table.info th{width:210px; color:var(--sub); font-weight:600; background:rgba(30,41,68,.35)}
table.info td{color:var(--text)}
@media(max-width:640px){
  h1{font-size:22px}
  table.info th,table.info td{display:block; width:auto; border:none; padding:6px 0}
  table.info th{padding-top:16px; border-top:1px solid var(--line); background:none}
}

.callout{
  background:rgba(247,184,79,.07); border:1px solid rgba(247,184,79,.28);
  border-radius:14px; padding:16px 20px; font-size:13.5px; color:var(--sub); margin:22px 0;
}
.callout b{color:var(--accent2)}

footer{border-top:1px solid var(--line); padding:30px 0 46px; font-size:13px; color:var(--sub)}
.fbar{display:flex; flex-wrap:wrap; gap:8px 22px; align-items:center}
footer a{text-decoration:none}