/* ── Legal Pages Shared Styles ── */
.legal-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 24px 60px;
}
.legal-page h1 {
  font-size: 1.8rem;
  margin-bottom: 16px;
  text-align: center;
}
.legal-date {
  text-align: center;
  color: var(--text2);
  font-size: 0.85rem;
  margin-bottom: 40px;
}
.legal-page h2 {
  font-size: 1.15rem;
  margin: 32px 0 12px;
  color: var(--accent);
}
.legal-page p, .legal-page li {
  color: var(--text2);
  font-size: 0.93rem;
  line-height: 1.8;
}
.legal-page ul, .legal-page ol {
  padding-left: 20px;
  margin: 8px 0;
}
.legal-page li {
  margin-bottom: 4px;
}
.legal-table {
  width: 100%;
  border-collapse: collapse;
}
.legal-table th,
.legal-table td {
  padding: 16px 20px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  font-size: 0.95rem;
  vertical-align: top;
}
.legal-table th {
  width: 200px;
  color: var(--text2);
  font-weight: 600;
  white-space: nowrap;
}
.legal-table td {
  color: var(--text);
}
.legal-back {
  display: block;
  text-align: center;
  margin-top: 40px;
  color: var(--primary-hover);
  text-decoration: none;
  font-size: 0.95rem;
}
.legal-back:hover { text-decoration: underline; }

@media (max-width: 640px) {
  .legal-page { padding: 80px 16px 40px; }
  .legal-table th { width: 120px; font-size: 0.85rem; }
  .legal-table td { font-size: 0.85rem; }
}