/* ── Shared styles for /privacy, /terms, /imprint, /cookies ──
 * Mirrors the per-page inline blocks that previously lived in each
 * legal page. Loaded after sellmate.css so it can extend brand tokens.
 */

a { color: #533afd; text-decoration: none; }
a:hover { color: #4434d4; text-decoration: underline; }

.legal-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  background: #ffffff;
  border-bottom: 1px solid #e5edf5;
}
.legal-nav .nav-inner {
  max-width: 860px; margin: 0 auto;
  display: flex; justify-content: space-between; align-items: center;
  padding: 12px 24px;
}
.legal-nav .nav-logo {
  display: flex; align-items: center; gap: 8px;
  font-size: 14px; font-weight: 400; letter-spacing: -0.22px;
  color: #061b31; text-decoration: none;
  font-feature-settings: "ss01";
}
.legal-nav .nav-logo img { width: 22px; height: 22px; border-radius: 4px; }
.legal-nav .nav-links { display: flex; align-items: center; gap: 20px; }
.legal-nav .nav-links a {
  font-size: 14px; font-weight: 400; color: #061b31;
  font-feature-settings: "ss01";
  transition: color 0.15s;
}
.legal-nav .nav-links a:hover { color: #533afd; text-decoration: none; }

.legal-content {
  max-width: 760px; margin: 0 auto;
  padding: 100px 24px 80px;
  line-height: 1.7;
}
.legal-content h1 {
  font-size: 32px; font-weight: 300; letter-spacing: -0.64px;
  margin-bottom: 8px; color: #061b31;
  font-feature-settings: "ss01";
}
.legal-content .updated {
  font-size: 13px; font-weight: 300; color: #64748d; margin-bottom: 24px;
}
.legal-content .intro {
  font-size: 16px; font-weight: 300; color: #64748d; margin-bottom: 40px;
  padding-bottom: 24px; border-bottom: 1px solid #e5edf5;
  line-height: 1.5;
}
.legal-content h2 {
  font-size: 22px; font-weight: 300; margin: 40px 0 12px;
  letter-spacing: -0.22px; color: #061b31;
  font-feature-settings: "ss01";
}
.legal-content p,
.legal-content li {
  font-size: 15px; font-weight: 300; color: #64748d;
  margin-bottom: 8px; line-height: 1.6;
}
.legal-content ul { padding-left: 24px; margin-bottom: 16px; }
.legal-content li { margin-bottom: 6px; }
.legal-content .contact-email {
  display: inline-block; padding: 6px 12px; border-radius: 4px;
  background: rgba(83,58,253,0.05); font-weight: 400;
  color: #533afd; margin-top: 4px;
  border: 1px solid rgba(83,58,253,0.15);
  font-feature-settings: "ss01";
}

/* Cookie policy table */
.legal-content table {
  width: 100%; border-collapse: collapse; margin: 16px 0 24px; font-size: 14px;
}
.legal-content th,
.legal-content td {
  border: 1px solid #e5edf5; padding: 10px 12px; text-align: left;
  color: #273951; font-weight: 400;
}
.legal-content th { background: #f6f9fc; font-weight: 500; }
.legal-content td { color: #64748d; }

@media (max-width: 600px) {
  .legal-content { padding-top: 80px; }
  .legal-content h1 { font-size: 26px; letter-spacing: -0.26px; }
  .legal-content h2 { font-size: 18px; }
  .legal-content table { font-size: 12px; }
  .legal-content th,
  .legal-content td { padding: 6px 8px; }
}