/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/(legal)/legal.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/* 공개 법적 문서 페이지 (/terms, /privacy) — 심사용 공개 URL */

.legal-wrap {
  min-height: 100dvh;
  background: var(--band);
  padding: 40px 24px 64px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: start center;
}
.legal-card {
  width: min(720px, 100%);
  min-width: 0;
  background: #fff;
  border: 1px solid var(--border-soft);
  border-radius: var(--radius);
  padding: 40px 36px 48px;
}
.legal-brand {
  margin: 0 0 24px;
  font-size: var(--fs-18);
  font-weight: var(--fw-heavy);
  letter-spacing: -0.03em;
  color: var(--ink);
}
.legal-doc h1 {
  margin: 0 0 20px;
  font-size: var(--fs-28);
  font-weight: var(--fw-bold);
  letter-spacing: -0.02em;
  color: var(--ink);
}
.legal-doc h3 {
  margin: 28px 0 8px;
  font-size: var(--fs-16);
  font-weight: var(--fw-semibold);
  color: var(--ink);
}
.legal-doc p,
.legal-doc li {
  margin: 0 0 8px;
  font-size: var(--fs-14);
  line-height: 1.7;
  color: var(--text-soft);
  overflow-wrap: anywhere;
  text-wrap: pretty;
  word-break: keep-all;
}
.legal-doc ol,
.legal-doc ul {
  margin: 0 0 8px;
  padding-left: 22px;
}
.legal-doc .join-policy-date {
  margin-top: 28px;
  font-size: var(--fs-13);
  color: var(--text-faint);
}
.legal-doc .policy-nowrap {
  white-space: nowrap;
}
.legal-foot {
  margin-top: 32px;
  padding-top: 16px;
  border-top: 1px solid var(--border-soft);
  font-size: var(--fs-13);
}
.legal-foot a {
  color: var(--text-soft);
  text-decoration: underline;
}
@media (max-width: 560px) {
  .legal-card {
    padding: 28px 20px 36px;
  }
}