/* ── LEGAL PAGES SHARED STYLES ── */
body { overflow-x: hidden; line-height: 1.6; }

nav {
  position: fixed; top: 0; left: 0; right: 0; height: 68px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 52px; z-index: 500;
  background: rgba(9,9,17,.9); backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--border);
}
.logo { font-family: var(--fd); font-size: 1.2rem; font-weight: 600; letter-spacing: -.022em; text-decoration: none; color: #fff; display: flex; align-items: center; gap: 8px; }
.lm { width: 28px; height: 28px; border-radius: 6px; background: linear-gradient(135deg, var(--rose), var(--green)); display: flex; align-items: center; justify-content: center; font-size: .78rem; }
.logo em { font-style: normal; color: var(--rose); }

.legal-page { max-width: 760px; margin: 0 auto; padding: 120px 48px 96px; }

.legal-page h1 {
  font-family: var(--fd); font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 700; letter-spacing: -.03em; margin-bottom: 8px;
}
.legal-page .date {
  font-size: .82rem; color: var(--muted); margin-bottom: 52px;
}
.legal-page h2 {
  font-family: var(--fd); font-size: 1rem; font-weight: 700;
  letter-spacing: -.015em; margin-top: 40px; margin-bottom: 10px;
  color: var(--text);
}
.legal-page p {
  font-size: .9rem; color: var(--muted); line-height: 1.75;
  margin-bottom: 12px; font-weight: 300;
}
.legal-page a { color: var(--rose); text-decoration: none; }
.legal-page a:hover { text-decoration: underline; }
.legal-page .placeholder {
  background: rgba(231,66,102,.1); border: 1px dashed rgba(231,66,102,.3);
  border-radius: 4px; padding: 1px 6px; color: #f07090;
  font-family: var(--fd); font-size: .82rem; font-weight: 600;
}

footer {
  padding: 28px 52px; border-top: 1px solid var(--border);
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 14px;
}
footer p { font-size: .78rem; color: var(--muted); }
.fl2 { display: flex; gap: 20px; }
.fl2 a { font-size: .78rem; color: var(--muted); text-decoration: none; transition: color .18s; }
.fl2 a:hover { color: var(--text); }

@media (max-width: 640px) {
  nav, .legal-page, footer { padding-left: 24px; padding-right: 24px; }
  footer { flex-direction: column; align-items: flex-start; }
}