/* 정책/법무 페이지 공통 스타일 — privacy / support-policy / legal
   기존 디자인 토큰(styles.css의 :root 변수)을 그대로 따른다. */

.legal-shell {
  max-width: 760px;
  margin: 0 auto;
  padding: 64px 24px 96px;
  font-family: var(--font-sans);
  color: var(--c-text);
  line-height: 1.75;
}

.legal-shell .legal-eyebrow {
  font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--c-muted, #64748B);
  margin: 0 0 12px;
}

.legal-shell h1 {
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}

.legal-shell .legal-meta {
  font-size: 13px;
  color: var(--c-muted, #64748B);
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--c-line);
}

.legal-shell h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 36px 0 12px;
  letter-spacing: -0.01em;
}

.legal-shell h3 {
  font-size: 15px;
  font-weight: 700;
  margin: 24px 0 8px;
  color: var(--c-primary, #0B1F3A);
}

.legal-shell p,
.legal-shell li {
  font-size: 15px;
}

.legal-shell ul,
.legal-shell ol {
  padding-left: 22px;
  margin: 8px 0 16px;
}

.legal-shell li {
  margin-bottom: 6px;
}

.legal-shell .legal-note {
  background: var(--c-bg-tint, #F1F5F9);
  border-left: 3px solid var(--c-primary, #0B1F3A);
  padding: 14px 18px;
  border-radius: 6px;
  font-size: 14px;
  margin: 16px 0;
}

.legal-shell a {
  color: var(--c-primary-2, #1D4ED8);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.legal-shell .legal-back {
  display: inline-block;
  margin-top: 48px;
  padding: 10px 18px;
  font-size: 14px;
  background: var(--c-bg-2, #fff);
  border: 1px solid var(--c-line);
  border-radius: 999px;
  color: var(--c-text);
  text-decoration: none;
}

.legal-shell .legal-back:hover {
  background: var(--c-bg-tint, #F1F5F9);
}

.legal-shell .legal-todo {
  display: inline-block;
  font-size: 11px;
  background: #FEF3C7;
  color: #92400E;
  padding: 1px 6px;
  border-radius: 4px;
  margin-left: 4px;
}

@media (max-width: 600px) {
  .legal-shell { padding: 40px 18px 64px; }
  .legal-shell h1 { font-size: 22px; }
  .legal-shell h2 { font-size: 16px; }
}