/* Mergonomy Voice legal pages — extends ../../styles.css */

/* ---------- Layout ---------- */
.legal-main {
  padding: clamp(130px, 16vh, 170px) clamp(20px, 6vw, 80px) clamp(90px, 12vw, 150px);
}
.legal-title {
  font-family: var(--font-display);
  font-size: clamp(38px, 6vw, 74px); font-weight: 700;
  line-height: 1.02; letter-spacing: -0.03em;
}
.legal-lede {
  max-width: 720px; margin-top: 22px;
  color: var(--ink-dim); font-size: clamp(16px, 1.6vw, 19px); line-height: 1.65;
}
.legal-updated { margin-top: 14px; color: var(--ink-faint); font-size: 13px; }

/* ---------- Summary grid ---------- */
.legal-grid {
  display: grid; gap: 14px; margin-top: clamp(34px, 4vw, 48px);
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
}
.legal-point {
  border: 1px solid var(--line); border-radius: 18px;
  background: var(--card); padding: 22px;
}
.legal-point strong {
  display: block; margin-bottom: 7px;
  font-family: var(--font-display); font-size: 15px; font-weight: 600;
}
.legal-point p { color: var(--ink-dim); font-size: 14px; line-height: 1.6; }

/* ---------- Notice callout ---------- */
.legal-notice {
  margin-top: 26px; padding: 17px 19px;
  border: 1px solid rgba(255, 213, 138, 0.25); border-radius: 14px;
  background: rgba(255, 190, 70, 0.06);
  color: #e8dcc0; font-size: 14px; line-height: 1.65;
}

/* ---------- Content sections ---------- */
.legal-card {
  margin-top: 18px; padding: clamp(24px, 3.2vw, 36px);
  border: 1px solid var(--line); border-radius: 20px;
  background: var(--card);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.legal-card h2 {
  font-family: var(--font-display); margin: 0 0 15px;
  font-size: clamp(20px, 2.2vw, 25px); font-weight: 700; letter-spacing: -0.02em;
}
.legal-card h3 {
  font-family: var(--font-display); margin: 24px 0 8px;
  font-size: 17px; font-weight: 600;
}
.legal-card p, .legal-card li, .legal-card dd {
  color: var(--ink-dim); font-size: 15px; line-height: 1.72;
}
.legal-card p { margin: 10px 0; }
.legal-card ul, .legal-card ol { margin: 12px 0 0; padding-left: 22px; }
.legal-card li + li { margin-top: 9px; }
.legal-card strong { color: var(--ink); }
.legal-card a, .legal-lede a {
  color: var(--cyan); text-decoration: none;
  border-bottom: 1px solid rgba(75, 225, 230, 0.35);
  transition: color 0.25s, border-color 0.25s;
}
.legal-card a:hover, .legal-lede a:hover {
  color: #a9eff1; border-color: rgba(75, 225, 230, 0.6);
}

.data-list { margin: 14px 0 0; }
.data-list div { padding: 17px 0; border-top: 1px solid var(--line); }
.data-list div:first-child { border-top: 0; padding-top: 3px; }
.data-list dt { font-weight: 600; color: var(--ink); }
.data-list dd { margin: 5px 0 0; }

code {
  padding: 2px 6px; border: 1px solid var(--line); border-radius: 6px;
  color: #a9eff1; background: rgba(255, 255, 255, 0.045);
  font-family: "Cascadia Code", Consolas, monospace; font-size: 0.9em;
}

/* ---------- Footer links ---------- */
.footer-legal { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.footer-legal a {
  color: var(--ink-dim); font-size: 13.5px; text-decoration: none;
  transition: color 0.25s;
}
.footer-legal a:hover { color: var(--ink); }
.footer-legal a[aria-current="page"] { color: var(--cyan); }