/* Legal document pages — matches Drive Me Home landing */

.legal-shell{
  position:relative;
  z-index:1;
  width:min(820px, calc(100% - 2.5rem));
  margin:0 auto;
  padding:2rem 0 4rem;
}

.legal-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:2.5rem;
}

.legal-nav__brand{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  color:var(--moon);
  text-decoration:none;
  font-weight:600;
  letter-spacing:.02em;
}

.legal-nav__brand:hover{ color:var(--accent); }

.legal-nav__links{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem 1.25rem;
}

.legal-nav__links a{
  color:var(--muted);
  text-decoration:none;
  font-size:.92rem;
}

.legal-nav__links a:hover,
.legal-nav__links a.is-active{
  color:var(--accent);
}

.legal-doc{
  border:1px solid rgba(245,233,211,.12);
  background:linear-gradient(160deg, rgba(20,25,56,.55), rgba(10,14,39,.72));
  border-radius:18px;
  padding:clamp(1.4rem, 3vw, 2.4rem);
  box-shadow:var(--shadow);
  backdrop-filter: blur(10px);
}

.legal-doc__eyebrow{
  margin:0 0 .55rem;
  color:var(--accent);
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.legal-doc h1{
  margin:0 0 .75rem;
  font-family:"Britanica Extra Bold", "Space Grotesk", sans-serif;
  font-size:clamp(1.8rem, 4vw, 2.6rem);
  line-height:1.15;
  color:var(--moon);
}

.legal-doc__meta{
  margin:0 0 1.75rem;
  color:var(--muted2);
  font-size:.9rem;
}

.legal-doc h2{
  margin:1.75rem 0 .7rem;
  font-size:1.15rem;
  color:var(--moon);
}

.legal-doc p,
.legal-doc li{
  color:var(--muted);
  font-size:.98rem;
  line-height:1.7;
}

.legal-doc p{ margin:0 0 .95rem; }

.legal-doc ul{
  margin:0 0 1rem;
  padding-left:1.2rem;
}

.legal-doc li{ margin-bottom:.4rem; }

.legal-doc a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
}

.legal-doc strong{ color:rgba(245,233,211,.92); font-weight:600; }

.legal-footer{
  margin-top:2rem;
  padding-top:1.25rem;
  border-top:1px solid rgba(245,233,211,.1);
  color:var(--muted2);
  font-size:.85rem;
}

@media (max-width:640px){
  .legal-shell{ width:calc(100% - 1.5rem); padding-top:1.25rem; }
  .legal-nav{ margin-bottom:1.5rem; }
}