/* Page-specific styles for Mentions légales */
.legal dt {
  font-weight: 600;
  color: var(--text-primary);
  margin-top: 18px;
  font-size: 14px;
}

.legal dd {
  margin: 6px 0 0 0;
  margin-bottom: 6px;
  color: var(--text-secondary);
  font-size: 15px;
}

.legal a {
  color: var(--gold);
  text-decoration: none;
}

.legal a:hover {
  text-decoration: underline;
}

@media (max-width: 700px) {
  .section { padding: 48px 20px; }
  .hero__title { font-size: 36px; }
}