/* =====================================================================
   legal.css — 약관 · 개인정보 처리방침 · 라이선스
   (본문 스타일은 app.css의 카드·표를 그대로 쓴다)
   ===================================================================== */

.legal { padding-bottom: 40px; }

.legal-back {
  margin-left: auto;
  flex: none;
  font-size: 12.5px;
  font-weight: 750;
  color: #fff;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .12);
  white-space: nowrap;
}
.legal-back:hover { background: rgba(255, 255, 255, .2); }

/* 탭을 링크로 쓰므로 밑줄을 없앤다 */
.tabs-inner .tab { text-decoration: none; }

.legal .card { scroll-margin-top: 120px; }

.legal h2 {
  font-size: 19px;
  font-weight: 850;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--deep);
  margin-bottom: 4px;
}

.legal h3 {
  margin-top: 22px;
  margin-bottom: 6px;
  font-size: 14.5px;
  font-weight: 800;
  color: var(--deep);
}

.legal p { font-size: 13.5px; line-height: 1.75; margin-top: 8px; }
.legal p.tight { margin-top: 10px; }
.legal .sub { font-size: 12px; color: var(--muted); margin-top: 4px; }

.legal ul {
  margin: 8px 0 0;
  padding-left: 19px;
  font-size: 13.5px;
  line-height: 1.75;
}
.legal li { margin-bottom: 6px; }

.legal code {
  background: rgba(12, 69, 57, .09);
  border-radius: 5px;
  padding: 1px 5px;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 12px;
  word-break: break-all;
}

.legal .muted { color: var(--muted); font-weight: 400; }

.notice {
  background: var(--mint);
  border: 1px dashed rgba(46, 115, 92, .42);
  font-size: 13px;
  line-height: 1.75;
}

.license-box {
  margin-top: 10px;
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--cream);
  border: 1px solid var(--line);
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 11.5px;
  line-height: 1.7;
  white-space: pre-wrap;
  word-break: keep-all;
  overflow-x: auto;
}

.legal .src { font-size: 12.5px; color: var(--muted); }
.legal .src a { color: var(--leaf); }

.legal-credit {
  margin-top: 22px;
  text-align: center;
  font-size: 11.5px;
  color: var(--muted);
}