/* 공개 정책 페이지(/privacy, /terms) 전용. 색·반경·글꼴은 arche-ui.css 토큰을 그대로 쓴다. */
.top .acts{margin-left:auto}
.legal-page{max-width:920px;padding-top:28px}
.legal-head{padding:40px 0 8px}
.legal-head .eyebrow{font-size:13px;font-weight:750;letter-spacing:.06em;color:var(--b-d)}
.legal-head h1{font-size:44px;font-weight:800;margin-top:10px}
.legal-head .meta{margin-top:12px;font-size:15px;color:var(--ink-3)}
.legal-head .lead{margin-top:18px;font-size:17px;color:var(--ink-2);line-height:1.75}
.legal-doc{margin-top:28px;padding:36px 40px;border-radius:var(--r);background:var(--card);box-shadow:var(--sh)}
.legal-doc h2{font-size:23px;font-weight:780;margin:44px 0 12px;scroll-margin-top:calc(var(--top) + 16px)}
.legal-doc h2:first-of-type{margin-top:8px}
.legal-doc h3{font-size:17px;font-weight:750;margin:22px 0 8px}
.legal-doc p,.legal-doc li,.legal-doc dd{font-size:15.5px;color:var(--ink-2);line-height:1.8}
.legal-doc p+p{margin-top:10px}
.legal-doc ul,.legal-doc ol{margin:8px 0;padding-left:22px}
.legal-doc li+li{margin-top:4px}
.legal-doc b,.legal-doc strong{color:var(--ink);font-weight:700}
.legal-doc a{color:var(--b-d);font-weight:650;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-doc code{font-size:14px;background:var(--soft);border-radius:8px;padding:1px 6px;overflow-wrap:anywhere}
.legal-summary{margin:0 0 8px;padding:20px 24px;border-radius:22px;background:var(--b-lll);border:1px solid var(--b-ll)}
.legal-summary strong{display:block;margin-bottom:6px;color:var(--b-dd)}
.legal-note{margin-top:14px;padding:16px 20px;border-radius:18px;background:var(--soft)}
.legal-toc{margin:22px 0 0;padding:20px 24px;border-radius:22px;background:var(--card);box-shadow:var(--sh)}
.legal-toc strong{display:block;font-size:15px;margin-bottom:8px}
.legal-toc ol{margin:0;padding-left:22px;columns:2;column-gap:32px}
.legal-toc li{font-size:15px;line-height:1.9;break-inside:avoid}
.legal-toc a{color:var(--ink-2);text-decoration:none}
.legal-toc a:hover{color:var(--b-d)}
.legal-facts{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:0;margin:12px 0;border-top:1px solid var(--line)}
.legal-facts dt,.legal-facts dd{margin:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.legal-facts dt{font-weight:700;color:var(--ink);padding-right:16px}
.legal-table{margin:12px 0;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.legal-table table{width:100%;border-collapse:collapse;font-size:14.5px}
.legal-table th,.legal-table td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.7}
.legal-table th{background:var(--soft);font-weight:700;color:var(--ink);white-space:nowrap}
.legal-table td{color:var(--ink-2)}
.legal-table td:first-child{font-weight:700;color:var(--ink)}
.legal-table tr:last-child td{border-bottom:0}
.legal-en{margin-top:28px}
.legal-back{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
@media (max-width:860px){
  .legal-head{padding-top:24px}
  .legal-head h1{font-size:34px}
  .legal-doc{padding:26px 22px;border-radius:24px}
  .legal-toc ol{columns:1}
}
/* 좁은 화면: 표를 행마다 카드처럼 쌓는다. 가로 스크롤 없이 360px에서도 읽힌다. */
@media (max-width:600px){
  .legal-head h1{font-size:30px}
  .legal-doc{padding:22px 16px}
  .legal-doc h2{font-size:20px}
  .legal-facts{grid-template-columns:minmax(0,1fr)}
  .legal-facts dt{padding-bottom:0;border-bottom:0}
  .legal-table{border:0;border-radius:0;overflow:visible}
  .legal-table table,.legal-table tbody,.legal-table tr,.legal-table td{display:block;width:100%}
  .legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .legal-table tr{margin:0 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:16px}
  .legal-table td{padding:4px 0;border:0}
  .legal-table td[data-label]::before{content:attr(data-label);display:block;font-size:12.5px;font-weight:700;color:var(--ink-3)}
  .legal-table td:first-child::before{display:none}
  .legal-table td:first-child{font-size:15.5px;padding-bottom:6px}
}