/* Jogi oldalak (impresszum, adatvédelem) stílusa */
.legal { padding: 130px 0 80px; min-height: 70vh; }
.legal h1 { font-size: clamp(2rem, 4vw, 3rem); margin: 8px 0 14px; }
.legal-lead { color: var(--text-soft); max-width: 60ch; margin-bottom: 36px; }
.legal-card {
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 28px 30px; margin-bottom: 20px;
}
.legal-card h2 { font-size: 1.25rem; margin-bottom: 14px; }
.legal-card p { color: var(--text-soft); margin-bottom: 10px; }
.legal-card p:last-child { margin-bottom: 0; }
.legal-card a { color: var(--primary-2); text-decoration: underline; }
[data-theme="light"] .legal-card a { color: var(--primary); }

.legal-dl { display: grid; grid-template-columns: 200px 1fr; gap: 12px 20px; }
.legal-dl dt { font-family: "Sora", sans-serif; font-weight: 600; color: var(--text); }
.legal-dl dd { color: var(--text-soft); }

.legal-ul { padding-left: 22px; color: var(--text-soft); }
.legal-ul li { list-style: disc; margin-bottom: 6px; }

.legal-updated { color: var(--muted); font-size: 0.88rem; margin-top: 24px; }

@media (max-width: 620px) {
  .legal-dl { grid-template-columns: 1fr; gap: 4px; }
  .legal-dl dd { margin-bottom: 12px; }
}