/* 유돌 법적 페이지 공용 스타일 — 랜딩 레트로맥 디자인 토큰 일치 */
:root{
  --paper:#F7E8CC; --paper-deep:#F0DDB8; --surface:#FFFDF6; --surface-warm:#FFF7E0;
  --ink:#241F18; --ink-soft:#5A5142; --brand:#FF4E45; --brand-deep:#E5332A; --gold:#F2B83C;
  --shadow:4px 4px 0 var(--ink); --shadow-sm:3px 3px 0 var(--ink);
  --border:2px solid var(--ink); --maxw:820px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Pretendard","Malgun Gothic",sans-serif;
  font-size:16px; line-height:1.75; word-break:keep-all; overflow-wrap:break-word;
  background-image:repeating-linear-gradient(0deg, rgba(36,31,24,.012) 0 2px, transparent 2px 4px);
}
a{color:var(--brand-deep);}

/* 상단 홈 링크 */
.legal-top{max-width:var(--maxw); margin:0 auto; padding:22px 20px 0;}
.home-link{display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--ink);
  font-family:"Galmuri14","Galmuri11",monospace; -webkit-font-smoothing:none; font-size:18px; letter-spacing:.02em;}
.home-link .dot{width:14px; height:14px; background:var(--brand); border:2px solid var(--ink); display:inline-block;}
.home-link:hover{color:var(--brand-deep);}

/* 레트로 창 */
.wrap{max-width:var(--maxw); margin:20px auto 60px; padding:0 20px;}
.macwin{background:var(--surface); border:var(--border); border-radius:2px; box-shadow:var(--shadow); overflow:hidden;}
.titlebar{display:flex; align-items:center; gap:8px; padding:8px 12px; border-bottom:var(--border);
  background:repeating-linear-gradient(0deg,#fff 0 2px,#EFE6D2 2px 4px);}
.titlebar .closebox{width:11px; height:11px; border:2px solid var(--ink); background:var(--surface); flex:0 0 auto;}
.titlebar .tt{font-family:"Galmuri11",monospace; -webkit-font-smoothing:none; font-size:12px; margin:0 auto;}
.titlebar .spacer{width:11px; flex:0 0 auto;}

/* 문서 본문 */
.doc{padding:32px clamp(20px,5vw,56px) 44px;}
.doc h1{font-family:"Galmuri14","Galmuri11",monospace; -webkit-font-smoothing:none;
  font-size:clamp(23px,4.4vw,33px); line-height:1.32; margin:0 0 18px; letter-spacing:.01em;}
.doc .note{background:var(--surface-warm); border:var(--border); border-left-width:5px; border-radius:2px;
  padding:12px 16px; margin:0 0 28px; font-size:14px; color:var(--ink-soft); line-height:1.6;}
.doc .note p{margin:.25em 0;}
.doc h2{font-size:19px; margin:34px 0 10px; padding-bottom:6px; border-bottom:2px dashed #D8C8A4;}
.doc p{margin:.6em 0; color:#3a342a;}
.doc ul,.doc ol{margin:.5em 0; padding-left:1.3em;}
.doc li{margin:.35em 0; color:#3a342a;}
.doc strong,.doc b{color:var(--ink); font-weight:700;}
.doc table{width:100%; border-collapse:collapse; margin:16px 0; font-size:13.5px;}
.doc th,.doc td{border:2px solid var(--ink); padding:8px 10px; text-align:left; vertical-align:top; line-height:1.5;}
.doc th{background:var(--surface-warm); font-family:"Galmuri11",monospace; -webkit-font-smoothing:none; font-size:12px;}
.doc .updated{margin-top:36px; font-size:13px; color:var(--ink-soft);}

/* 푸터 */
.legal-foot{border-top:var(--border); background:var(--paper-deep);}
.legal-foot .in{max-width:var(--maxw); margin:0 auto; padding:24px 20px 38px; font-size:13px; color:var(--ink-soft); line-height:1.7;}
.legal-foot nav{display:flex; flex-wrap:wrap; gap:8px 16px; margin-bottom:12px;}
.legal-foot nav a{color:var(--ink); text-decoration:none; font-weight:600;}
.legal-foot nav a:hover{color:var(--brand-deep);}
.legal-foot nav .cur{color:var(--brand-deep); text-decoration:underline;}
.legal-foot .biz b{color:var(--ink);}