/* 루미 법적 고지 페이지 공통 스타일 (이용약관 · 개인정보처리방침 · 환불정책)
   메인 홈페이지(index.html)와 같은 색상 토큰을 사용한다. */
:root{
  --bg1:#f5f5f7; --bg2:#ffffff; --card:rgba(0,0,0,0.03);
  --text:#1a1a1e; --text2:#4a4a55; --text3:#6a6a75; --muted:#8a8a95;
  --border:rgba(0,0,0,0.10); --border2:rgba(0,0,0,0.06);
  --accent:#ff5a3c; --accent2:#ff9632;
  --grad:linear-gradient(135deg,#ff5a3c,#ff9632);
  --tint:rgba(255,90,60,0.06);
  --teal:#3fa595;
}
[data-theme="dark"]{
  --bg1:#0a0a0f; --bg2:#12121a; --card:rgba(255,255,255,0.03);
  --text:#e8e8ec; --text2:#b0b0ba; --text3:#7a7a85; --muted:#55555f;
  --border:rgba(255,255,255,0.08); --border2:rgba(255,255,255,0.05);
  --tint:rgba(255,90,60,0.08);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:var(--bg1); color:var(--text);
  font-family:'Pretendard Variable','Pretendard','Outfit',sans-serif;
  word-break:keep-all; line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}

/* 모바일 터치 반응 — 기본 회색 번쩍임을 끄고 눌리는 느낌으로 대체 */
a, button{
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  touch-action: manipulation;
}
@media (hover: none){
  a:active{ opacity:.6; }
}

/* 헤더 */
.lg-header{
  position:sticky;top:0;z-index:50;
  background:rgba(245,245,247,0.85);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
}
[data-theme="dark"] .lg-header{background:rgba(10,10,15,0.85);}
.lg-header-in{
  max-width:860px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
.lg-logo{
  font-family:'Outfit',sans-serif;font-weight:800;font-size:24px;
  letter-spacing:-0.02em;line-height:1;text-decoration:none;
}
.lg-logo .l{color:var(--teal);}
.lg-logo .rest{color:var(--text);}
.lg-nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap;}
.lg-nav a{color:var(--text2);font-size:14px;font-weight:600;text-decoration:none;}
.lg-nav a:hover{color:var(--accent);}
.lg-nav a[aria-current="page"]{color:var(--accent);}

/* 본문 */
.lg-wrap{max-width:860px;margin:0 auto;padding:56px 24px 90px;}
.lg-title{font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-0.02em;margin-bottom:10px;}
.lg-sub{color:var(--text3);font-size:14px;margin-bottom:36px;}
.lg-wrap h2{
  font-size:19px;font-weight:800;margin:38px 0 12px;
  padding-top:22px;border-top:1px solid var(--border2);letter-spacing:-0.01em;
}
.lg-wrap h2:first-of-type{border-top:none;padding-top:0;margin-top:26px;}
.lg-wrap h3{font-size:16px;font-weight:700;margin:22px 0 8px;color:var(--text);}
.lg-wrap p{color:var(--text2);font-size:15px;margin-bottom:12px;}
.lg-wrap ul,.lg-wrap ol{margin:0 0 14px;padding-left:20px;color:var(--text2);font-size:15px;}
.lg-wrap li{margin-bottom:7px;}
.lg-wrap strong{color:var(--text);font-weight:700;}

/* 강조 박스 */
.lg-box{
  padding:18px 20px;border-radius:14px;margin:18px 0;
  background:var(--tint);border:1px solid rgba(255,90,60,0.2);
}
.lg-box p:last-child{margin-bottom:0;}
.lg-note{
  padding:16px 18px;border-radius:12px;margin:16px 0;
  background:var(--card);border:1px solid var(--border);
  font-size:14px;color:var(--text3);
}

/* 표 */
.lg-table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:14.5px;}
.lg-table th,.lg-table td{
  padding:12px 14px;border:1px solid var(--border);text-align:left;vertical-align:top;
}
.lg-table th{background:var(--card);font-weight:700;color:var(--text);white-space:nowrap;}
.lg-table td{color:var(--text2);}
.lg-scroll{overflow-x:auto;}

/* 푸터 */
.lg-footer{background:#0c0c12;border-top:1px solid rgba(255,255,255,0.08);}
.lg-footer-in{max-width:860px;margin:0 auto;padding:40px 24px;}
.lg-footer p{color:#7a7a85;font-size:13px;margin-bottom:6px;line-height:1.8;}
.lg-footer a{color:#b0b0ba;}

@media (max-width:640px){
  .lg-wrap{padding:36px 20px 70px;}
  .lg-header-in{gap:12px;padding:12px 20px;}
  /* 메뉴 4개가 두 줄로 접히지 않도록 한 줄 유지 + 가로 스크롤.
     항목이 적어 햄버거까지는 과하다. */
  .lg-nav{
    flex-wrap:nowrap; gap:14px; margin-left:auto;
    overflow-x:auto; -webkit-overflow-scrolling:touch;
    scrollbar-width:none; padding-bottom:2px;
  }
  .lg-nav::-webkit-scrollbar{display:none;}
  .lg-nav a{font-size:13px; white-space:nowrap;}
}