/* LADLA — Legal pages stylesheet v2 */
@font-face {
  font-family:'Inter';
  src:url('../assets/fonts/inter-var-latin.woff2') format('woff2');
  font-weight:100 900; font-style:normal; font-display:swap;
}
html { background:var(--black); color:var(--white); font-family:var(--font-sans); font-size:16px; }
body { background:var(--black); min-height:100vh; -webkit-font-smoothing:antialiased; }

.legal-page { max-width:680px; margin:0 auto; padding:var(--space-16) var(--space-8) var(--space-24); }

.legal-back {
  display:inline-flex; align-items:center; gap:var(--space-2);
  font-size:var(--text-sm); color:var(--white-40);
  letter-spacing:var(--tracking-wide); margin-bottom:var(--space-12);
  transition:color var(--dur-fast);
}
.legal-back::before { content:'←'; font-size:var(--text-base); }
.legal-back:hover,.legal-back:focus-visible { color:var(--white-60); }
.legal-back:focus-visible { outline:2px solid var(--cosmic-bright); outline-offset:4px; border-radius:2px; }

.legal-header { margin-bottom:var(--space-12); border-bottom:1px solid var(--white-10); padding-bottom:var(--space-8); }
.legal-site-name { font-size:var(--text-xs); font-weight:var(--weight-medium); letter-spacing:var(--tracking-widest); text-transform:uppercase; color:var(--white-40); margin-bottom:var(--space-3); }
.legal-title { font-size:var(--text-4xl); font-weight:var(--weight-bold); letter-spacing:var(--tracking-tight); line-height:var(--leading-tight); color:var(--white); margin-bottom:var(--space-4); }
.legal-meta { font-size:var(--text-sm); color:var(--white-40); }

.legal-prose h2 { font-size:var(--text-xl); font-weight:var(--weight-bold); color:var(--white); margin-top:var(--space-12); margin-bottom:var(--space-4); letter-spacing:var(--tracking-tight); }
.legal-prose p { font-size:var(--text-base); font-weight:var(--weight-light); line-height:var(--leading-relaxed); color:var(--white-60); margin-bottom:var(--space-4); }
.legal-prose ul { margin-bottom:var(--space-4); padding-left:var(--space-6); }
.legal-prose ul li { list-style:disc; font-size:var(--text-base); font-weight:var(--weight-light); line-height:var(--leading-relaxed); color:var(--white-60); margin-bottom:var(--space-2); }
.legal-prose a { color:var(--cosmic-bright); text-decoration:underline; text-underline-offset:3px; transition:color var(--dur-fast); }
.legal-prose a:hover,.legal-prose a:focus-visible { color:var(--white-90); }
.legal-prose strong { font-weight:var(--weight-medium); color:var(--white-90); }

.legal-footer { margin-top:var(--space-16); padding-top:var(--space-8); border-top:1px solid var(--white-10); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-4); }
.legal-footer-copy { font-size:var(--text-xs); color:var(--white-20); }
.legal-footer-links { display:flex; gap:var(--space-4); }
.legal-footer-links a { font-size:var(--text-xs); color:var(--white-40); transition:color var(--dur-fast); }
.legal-footer-links a:hover { color:var(--white-60); }
:focus-visible { outline:2px solid var(--cosmic-bright); outline-offset:4px; }

@media(max-width:767px) {
  .legal-page { padding:var(--space-8) var(--space-6) var(--space-16); }
  .legal-title { font-size:var(--text-3xl); }
}