/* 약관·정책 문서 페이지 전용 레이아웃 (styles.css 의 변수·푸터를 함께 사용) */
.legal-top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.legal-top .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 26px}
.legal-top .logo img{height:40px;display:block}
.legal-top .home{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--ocean-d)}
.legal-top .home:hover{color:var(--ocean)}

.legal-hero{background:var(--cream);border-bottom:1px solid var(--line);padding:54px 0 40px}
.legal-hero .eyebrow{margin-bottom:10px}
.legal-hero h1{font-size:clamp(26px,4vw,40px);color:var(--ink)}
.legal-hero .meta{margin-top:12px;font-size:13.5px;color:var(--muted)}

.legal-wrap{max-width:860px;margin:0 auto;padding:48px 26px 80px}
.legal-wrap h2{font-size:20px;color:var(--ocean-d);margin:34px 0 12px;padding-top:6px}
.legal-wrap h2:first-child{margin-top:0}
.legal-wrap h3{font-size:16px;color:var(--ink);margin:20px 0 8px}
.legal-wrap p{font-size:15px;color:#26323D;line-height:1.8;margin-bottom:12px}
.legal-wrap ul{margin:0 0 14px 20px}
.legal-wrap li{font-size:15px;color:#26323D;line-height:1.8;margin-bottom:6px}
.legal-wrap a{color:var(--ocean);text-decoration:underline}
/* 버튼은 본문 링크 스타일(파란색·밑줄)을 따르지 않게 */
.legal-wrap a.btn{text-decoration:none}
.legal-wrap a.btn-grad{color:#fff}
.legal-wrap a.btn-ghost{color:var(--ocean-d)}
.legal-wrap strong{font-weight:700;color:var(--ink)}
.legal-note{background:var(--sky-soft);border-left:3px solid var(--aqua);border-radius:0 12px 12px 0;padding:14px 18px;font-size:14px;color:var(--ink);line-height:1.7;margin:18px 0}

.legal-table{width:100%;border-collapse:collapse;margin:14px 0 18px;font-size:14.5px}
.legal-table th,.legal-table td{border:1px solid var(--line);padding:11px 13px;text-align:left;vertical-align:top;line-height:1.6}
.legal-table th{background:var(--sky-soft);color:var(--ocean-d);font-weight:700}

.legal-foot-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.foot-legal a{color:rgba(255,255,255,.62)}
.foot-legal a:hover{color:var(--aqua-br)}