/* 서브 페이지(소개·문의·개인정보) 공용 스타일 — 메인과 같은 다크 테마 */
:root {
  --bg:#000; --fg:#e9ebf2; --muted:rgba(255,255,255,0.62); --muted2:rgba(255,255,255,0.42);
  --a-text:#a9b4ff; --a-mono:#9b8bff; --line:rgba(255,255,255,0.1); --card:rgba(255,255,255,0.04);
}
* { box-sizing:border-box; }
html,body { margin:0; }
body { background:var(--bg); color:var(--fg); line-height:1.75;
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:var(--a-text); text-decoration:none; } a:hover { text-decoration:underline; }

.topbar { position:sticky; top:0; z-index:5; background:rgba(0,0,0,0.7); backdrop-filter:blur(10px); border-bottom:1px solid var(--line); }
.topbar-in { max-width:760px; margin:0 auto; display:flex; align-items:center; gap:9px; padding:14px clamp(16px,4vw,24px); }
.moon-wrap { position:relative; display:inline-flex; width:22px; height:22px; align-items:center; justify-content:center; }
.moon { width:20px; height:20px; border-radius:50%; background:linear-gradient(150deg,#b6c0ff,#6e8bff 55%,#7b6ff0);
  -webkit-mask:radial-gradient(circle at 71% 30%,transparent 47%,#000 48%); mask:radial-gradient(circle at 71% 30%,transparent 47%,#000 48%); }
.wordmark { font-size:16px; font-weight:800; letter-spacing:-0.03em; color:#fff; }

.page { max-width:760px; margin:0 auto; padding:48px clamp(16px,4vw,24px) 96px; }
.page h1 { font-size:clamp(26px,5vw,34px); font-weight:800; letter-spacing:-0.03em; margin:0 0 8px; color:#fff; }
.page .lede { color:var(--muted); font-size:16px; margin:0 0 36px; }
.page h2 { font-size:19px; font-weight:700; margin:38px 0 12px; color:#fff; }
.page p { margin:0 0 14px; color:#dfe2ec; }
.page ul { margin:0 0 14px; padding-left:18px; color:#dfe2ec; } .page li { margin:0 0 7px; }
.page .muted { color:var(--muted); font-size:14px; }
.page .fill { color:#ffd27a; } /* 운영자가 채워야 할 자리 */
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px 20px; margin:0 0 14px; }
.back { display:inline-block; margin-top:36px; font-size:14px; }
.foot { border-top:1px solid var(--line); margin-top:48px; padding-top:20px; color:var(--muted2); font-size:12px; }
.foot a { color:var(--muted); }
.updated { color:var(--muted2); font-size:13px; }