/* Axionis — legal pages (privacy, terms, data-deletion, imprint) */

.legal-nav{ position:sticky; top:0; z-index:50; background:rgba(14,15,18,.82);
  backdrop-filter:blur(14px); border-bottom:1px solid var(--hair-2); }
.legal-nav .nav__in{ display:flex; align-items:center; justify-content:space-between; padding:16px 28px;
  max-width:var(--maxw); margin:0 auto; }
.legal-nav .back{ font-size:13.5px; color:var(--bone-dim); transition:.2s; }
.legal-nav .back:hover{ color:var(--ember); }

.legal{ padding:64px 0 96px; }
.legal .wrap{ max-width:820px; }
.legal .eyebrow{ display:block; margin-bottom:14px; }
.legal h1{ font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:-0.02em;
  font-size:clamp(30px,5vw,48px); line-height:1.06; margin-bottom:14px; }
.legal .updated{ font-size:13px; color:var(--ash); margin-bottom:8px; }
.legal .intro{ color:var(--bone-dim); font-size:16px; line-height:1.7; margin:18px 0 8px; }

.legal h2{ font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:-0.01em;
  font-size:clamp(20px,2.6vw,26px); margin:46px 0 14px; padding-top:18px; border-top:1px solid var(--hair-2); }
.legal h3{ font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:17px; margin:26px 0 10px; color:var(--bone); }
.legal p{ color:var(--bone-dim); font-size:15px; line-height:1.75; margin-bottom:14px; }
.legal ul{ margin:0 0 16px 0; padding-left:0; list-style:none; }
.legal li{ position:relative; color:var(--bone-dim); font-size:15px; line-height:1.7;
  padding-left:24px; margin-bottom:10px; }
.legal li::before{ content:""; position:absolute; left:4px; top:11px; width:6px; height:6px;
  border-radius:50%; background:var(--ember); }
.legal a{ color:var(--ember); border-bottom:1px solid var(--ember-line); }
.legal a:hover{ border-bottom-color:var(--ember); }
.legal strong{ color:var(--bone); font-weight:600; }
.legal .em{ color:var(--ember); }

.legal table{ width:100%; border-collapse:collapse; margin:8px 0 22px; font-size:14px; }
.legal th,.legal td{ text-align:left; padding:12px 14px; border:1px solid var(--hair);
  color:var(--bone-dim); vertical-align:top; }
.legal th{ color:var(--bone); font-weight:600; background:var(--coal); font-size:13px;
  letter-spacing:.02em; }

.legal .card{ background:var(--coal); border:1px solid var(--hair); border-radius:14px;
  padding:22px 24px; margin:18px 0; }
.legal .card p:last-child{ margin-bottom:0; }
.legal .micro{ font-size:12.5px; color:var(--ash); text-align:left; margin-top:8px; }