:root {
  --ink: #1b2520;
  --ink-strong: #10211c;
  --muted: #5b6661;
  --line: #e6ebe8;
  --brand: #44512b;
  --brand-soft: #eef1e6;
  --bg: #fafbfa;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.65;
  letter-spacing: -0.01em;
}
a { color: var(--brand); text-decoration: none; }
a:hover { text-decoration: underline; }

.legal-header {
  display: flex; align-items: center; justify-content: space-between;
  max-width: 820px; margin: 0 auto; padding: 20px 22px;
}
.legal-brand { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-weight: 780; font-size: 17px; }
.legal-brand img { width: 32px; height: 32px; border-radius: 9px; }
.legal-back { color: var(--muted); font-size: 14.5px; font-weight: 600; }

.legal-wrap {
  max-width: 820px; margin: 0 auto; padding: 16px 22px 80px;
}
.legal-wrap h1 { font-size: clamp(26px, 4vw, 34px); font-weight: 840; letter-spacing: -0.04em; color: var(--ink-strong); margin: 14px 0 6px; }
.legal-meta { color: var(--muted); font-size: 14px; margin: 0 0 28px; }

.legal-wrap section { margin: 0 0 26px; }
.legal-wrap h2 { font-size: 18px; font-weight: 760; letter-spacing: -0.025em; color: var(--ink-strong); margin: 0 0 10px; }
.legal-wrap p { margin: 0 0 10px; color: #2f3a35; font-size: 15.5px; }
.legal-wrap ul { margin: 0; padding-left: 18px; }
.legal-wrap li { margin: 0 0 8px; color: #2f3a35; font-size: 15.5px; }
.legal-wrap b { font-weight: 700; color: var(--ink-strong); }

.legal-biz {
  background: #fff; border: 1px solid var(--line); border-radius: 14px;
  padding: 20px 22px; margin-top: 34px;
}
.legal-biz p { font-size: 14px; color: var(--muted); margin: 0 0 6px; }
.legal-biz p:last-child { margin-bottom: 0; }

.legal-links { margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14.5px; }