/** Public legal documents use the same shell and visual language as Landing. */

.vv-marketing .vv-legal-document {
  --primary: var(--vv-color-ink);
  --action: var(--vv-color-teal);
  --ink-muted: var(--vv-color-body);
  --surface-2: var(--vv-color-soft-blue);
  --border: var(--vv-color-line);
  padding-block: 72px 96px;
}

.vv-marketing .vv-legal-document__card {
  padding: clamp(28px, 4vw, 52px);
  border: 1px solid var(--vv-color-line);
  border-radius: var(--vv-radius-2xl);
  background: var(--vv-color-surface);
  box-shadow: var(--vv-shadow-card);
}

.vv-marketing .vv-legal-document h1 {
  max-width: 850px;
  margin: 0 0 36px !important;
  color: var(--vv-color-ink) !important;
  font-family: var(--vv-font-ui);
  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 700;
  letter-spacing: -.03em !important;
  line-height: 1.16;
}

.vv-marketing .vv-legal-document :is(.kvkk-section, .kk-section, .gz-section, .cp-section) {
  margin-bottom: 36px;
}

.vv-marketing .vv-legal-document :is(.kvkk-section, .kk-section, .gz-section, .cp-section) h2 {
  margin: 0 0 14px;
  padding-left: 12px;
  border-left: 3px solid var(--vv-color-teal);
  color: var(--vv-color-slate);
  font-family: var(--vv-font-ui);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.45;
}

.vv-marketing .vv-legal-document :is(.kvkk-section, .kk-section, .gz-section, .cp-section) p,
.vv-marketing .vv-legal-document :is(.kvkk-section, .kk-section, .gz-section, .cp-section) li {
  color: var(--vv-color-body);
  font-size: 15px;
  line-height: 1.75;
}

.vv-marketing .vv-legal-document :is(ul, ol) {
  margin: 0 0 12px;
  padding-left: 22px;
  list-style: revert;
}

.vv-marketing .vv-legal-document li + li { margin-top: 7px; }
.vv-marketing .vv-legal-document strong { color: var(--vv-color-slate); }

.vv-marketing .vv-legal-document a {
  color: var(--vv-color-teal);
  font-weight: 650;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.vv-marketing .vv-legal-document a:hover { color: var(--vv-color-slate); }

.vv-marketing .vv-legal-document .kvkk-info-box {
  margin: 16px 0;
  padding: 18px 20px;
  border: 1px solid #cfe0e7;
  border-radius: var(--vv-radius-md);
  background: var(--vv-color-soft-blue);
  color: var(--vv-color-body);
  font-size: 14px;
  line-height: 1.75;
}

.vv-marketing .vv-legal-document .kvkk-info-box strong {
  min-width: 124px;
  color: var(--vv-color-slate);
}

.vv-marketing .vv-legal-document .kvkk-table {
  overflow: hidden;
  width: 100%;
  margin: 16px 0;
  border: 1px solid var(--vv-color-line);
  border-radius: var(--vv-radius-md);
  border-collapse: separate;
  border-spacing: 0;
  color: var(--vv-color-body);
  font-size: 13px;
}

.vv-marketing .vv-legal-document .kvkk-table th {
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid var(--vv-color-line);
  background: var(--vv-color-soft-blue);
  color: var(--vv-color-slate);
  font-weight: 700;
  text-align: left;
}

.vv-marketing .vv-legal-document .kvkk-table td {
  padding: 12px 14px;
  border: 0;
  border-right: 1px solid var(--vv-color-line-soft);
  border-bottom: 1px solid var(--vv-color-line-soft);
  color: var(--vv-color-body);
  line-height: 1.6;
  vertical-align: top;
}

.vv-marketing .vv-legal-document .kvkk-table :is(th, td):last-child { border-right: 0; }
.vv-marketing .vv-legal-document .kvkk-table tbody tr:last-child td { border-bottom: 0; }

@media (max-width: 760px) {
  .vv-marketing .vv-legal-document { padding-block: 40px 56px; }
  .vv-marketing .vv-legal-document__card { padding: 24px 20px; border-radius: var(--vv-radius-xl); }
  .vv-marketing .vv-legal-document h1 { margin-bottom: 28px !important; font-size: 30px !important; }
  .vv-marketing .vv-legal-document .kvkk-table { display: block; overflow-x: auto; }
  .vv-marketing .vv-legal-document .kvkk-table th,
  .vv-marketing .vv-legal-document .kvkk-table td { min-width: 150px; }
}