/* SKYLINE STUDIO — LEGAL PAGES CSS */
.legal-section { background: var(--navy); }
.legal-inner { max-width: 800px; }
.legal-content { animation: fadeUp 0.6s ease-out forwards; }
.legal-content h2 { font-size: 22px; font-weight: 700; color: var(--white); margin: 36px 0 16px; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content p { font-size: 15px; color: var(--silver); line-height: 1.8; margin-bottom: 16px; }
.legal-content ul { margin: 0 0 20px; padding-left: 24px; }
.legal-content li { font-size: 15px; color: var(--silver); line-height: 1.8; margin-bottom: 8px; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

/* ── LEGAL SUMMARY BOX ── */
.legal-summary {
  background: linear-gradient(135deg, rgba(43,107,255,0.1), rgba(167,139,250,0.05));
  border: 1px solid var(--cobalt);
  border-radius: var(--radius-lg);
  padding: 28px;
  margin-bottom: 40px;
}
.legal-summary h3 {
  font-size: 18px; font-weight: 700; color: var(--white); margin-bottom: 12px;
}
.legal-summary p {
  font-size: 15px; color: var(--silver); line-height: 1.75; margin: 0;
}
@media (max-width: 768px) {
  .legal-summary { padding: 22px; }
}