/* SortedSam v10 — legal pages (privacy / terms), dark master style */

body { background: #0A0A0A; }
.nav.scrolled {
  background: rgba(10, 10, 10, 0.85);
  border-bottom: 1px solid rgba(51, 51, 51, 0.9);
  backdrop-filter: blur(14px);
}
@media (pointer: fine) {
  body, a, button { cursor: auto !important; }
}

.legal {
  position: relative; z-index: 1;
  max-width: 780px; margin: 0 auto;
  padding: 150px 28px 110px 28px;
}
.legal h1 {
  margin: 0; font-size: clamp(40px, 5.4vw, 68px);
  font-weight: 900; letter-spacing: -0.04em; line-height: 1.02;
}
.legal-date {
  margin: 18px 0 0 0; font-size: 12px; letter-spacing: 0.16em; color: #808285;
}
.legal section { margin-top: 54px; }
.legal h2 {
  margin: 0 0 14px 0; font-size: 22px; font-weight: 800;
  letter-spacing: -0.02em; line-height: 1.2;
}
.legal p { margin: 0 0 12px 0; font-size: 15.5px; line-height: 1.75; color: #B9C0C7; }
.legal ul { margin: 0 0 12px 0; padding-left: 22px; }
.legal li { font-size: 15.5px; line-height: 1.75; color: #B9C0C7; margin-bottom: 6px; }
.legal strong { color: #F8F9FA; }

.legal-footer {
  max-width: 780px; margin: 0 auto; padding: 0 28px 60px 28px;
  border-top: 1px solid #333333; padding-top: 32px;
}

/* ---------- responsive ---------- */
@media (max-width: 980px) {
  /* style.css hides landing-page nav links on mobile; keep the legal back-link */
  .nav-links a:not(.nav-cta) { display: inline-block; }
  .nav-links { gap: 18px; }
}
@media (max-width: 480px) {
  /* icon still links home; hiding the wordmark makes room for back-link + CTA */
  .nav-brand span { display: none; }
  .nav-links { gap: 14px; font-size: 13px; }
  .legal { padding: 104px 20px 84px 20px; }
  .legal h1 { font-size: clamp(34px, 11vw, 56px); }
  .legal h2 { font-size: 20px; }
  .legal-date { font-size: 11.5px; }
  .legal-footer { padding-left: 20px; padding-right: 20px; }
  .legal-footer.footer { flex-direction: column; align-items: flex-start; gap: 18px; }
}