/* 연주벗 — 약관·방침 문서 공통 스타일 */
:root{
  --bg:#fbfaff; --card:#fff; --ink:#211438; --muted:rgba(33,20,56,.66);
  --line:rgba(38,24,74,.12); --violet:#7c3aed; --blue:#2d7dff;
  --accent:linear-gradient(95deg,#7c3aed 0%,#2d7dff 52%,#10c2dd 100%);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.75;
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  font-size:16px;-webkit-text-size-adjust:100%}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}
header.top{border-bottom:1px solid var(--line);background:#fff}
header.top .wrap{display:flex;align-items:center;gap:11px;height:66px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none;color:inherit;font-size:1.02rem}
.brand .mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  background:var(--accent);box-shadow:0 8px 18px -10px rgba(124,58,237,.7)}
.brand .mark img{width:100%;height:100%;display:block;border-radius:11px}
.back{margin-left:auto;color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:600}
.back:hover{color:var(--violet)}
main{padding:38px 0 70px}
h1{font-size:1.72rem;letter-spacing:-.02em;margin:0 0 6px}
.meta{color:var(--muted);font-size:.88rem;margin:0 0 26px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:16px}
h2{font-size:1.06rem;margin:26px 0 8px;letter-spacing:-.01em}
h2:first-child{margin-top:0}
h3{font-size:.98rem;margin:16px 0 6px;color:#3a2a6a}
p,li{color:#2c2044}
ul,ol{padding-left:20px;margin:8px 0}
li{margin:4px 0}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:.94rem;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
th{background:#f6f3ff;font-weight:700;white-space:nowrap}
.note{background:#f6f3ff;border:1px solid rgba(124,58,237,.18);border-radius:12px;padding:14px 16px;margin:14px 0;font-size:.95rem}
.fill{background:#fff3cd;border-bottom:2px dotted #b7791f;padding:1px 6px;border-radius:4px;font-weight:700}
footer{border-top:1px solid var(--line);background:#fff;padding:26px 0;color:var(--muted);font-size:.86rem}
footer a{color:var(--muted);text-decoration:none;margin-right:16px}
footer a:hover{color:var(--violet)}
@media (max-width:560px){ body{font-size:15px} h1{font-size:1.42rem} .card{padding:18px 16px} }


/* 글자 위 I빔 커서 제거 — 읽는 문서라 선택·복사는 그대로 둔다 */
html,body{cursor:default}
a,button{cursor:pointer}
header.top,.brand,.back,footer a{-webkit-user-select:none;user-select:none}
p,li,td,th,h1,h2,h3{-webkit-user-select:text;user-select:text}


/* 한글 줄바꿈 — 낱말 안에서 잘리지 않게.
   ("따라가 보세 / 요." 처럼 한 단어가 두 줄로 쪼개지던 것을 막는다)
   아주 긴 영문/주소는 예외로 잘라 넘쳐나지 않게 한다. */
html{word-break:keep-all;overflow-wrap:break-word}