/* ===========================================================
   LEGAL PAGES
=========================================================== */
.legal-main{
  max-width: 760px;
  margin: 0 auto;
  padding: 64px 24px 100px;
}
.legal-back{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.88rem;
  color: var(--text-secondary);
  margin-bottom: 32px;
  transition: color 0.2s ease;
}
.legal-back:hover{ color: var(--accent); }

.legal-main h1{
  font-size: clamp(1.8rem, 3.5vw, 2.4rem);
  font-weight: 600;
  margin-bottom: 8px;
}
.legal-updated{
  font-family: var(--font-mono);
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin-bottom: 40px;
  display: block;
}

.legal-main h2{
  font-size: 1.2rem;
  font-weight: 600;
  margin: 40px 0 14px;
}
.legal-main h2:first-of-type{ margin-top: 0; }

.legal-main p{
  color: var(--text-secondary);
  font-size: 0.96rem;
  line-height: 1.7;
  margin-bottom: 14px;
}

.legal-main ul{
  margin: 0 0 14px 0;
  padding-left: 20px;
  color: var(--text-secondary);
  font-size: 0.96rem;
  line-height: 1.7;
}
.legal-main li{ margin-bottom: 6px; }

.legal-main strong{ color: var(--text); font-weight: 600; }

.legal-main a.inline-link{
  color: var(--accent);
  font-weight: 500;
}

.legal-divider{
  border: none;
  border-top: 1px solid var(--border);
  margin: 40px 0;
}

.footer-links{
  display: flex;
  gap: 20px;
}
.footer-links a{
  transition: color 0.2s ease;
}
.footer-links a:hover{ color: var(--accent); }

@media (max-width: 560px){
  .legal-main{ padding: 48px 18px 64px; }
  .footer-inner{ flex-direction: column; align-items: flex-start; }
}