/* =========================================================
   Legal / Privacy Policy page
   ========================================================= */

.legal{
  padding: 150px 0 100px;
  background: var(--bg);
}

.legal__container{
  max-width: 760px;
}

.legal__back{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--ff-head);
  font-weight: 600;
  font-size: .9rem;
  color: var(--navy-700);
  margin-bottom: 28px;
  transition: color .3s ease;
}
.legal__back:hover{ color: var(--gold-500); }

.legal h1{
  font-size: clamp(2rem, 4vw, 2.7rem);
  margin-bottom: 6px;
}

.legal__updated{
  font-size: .9rem;
  color: var(--ink-soft);
  margin-bottom: 36px;
}

.legal h2{
  font-size: 1.3rem;
  margin-top: 44px;
  margin-bottom: 14px;
  color: var(--navy-800);
}

.legal p{ font-size: 1rem; }

.legal ul{
  margin: 0 0 20px;
  padding-left: 22px;
  list-style: disc;
}
.legal ul li{
  color: var(--ink-soft);
  margin-bottom: 10px;
  padding-left: 4px;
}

.legal__contact{
  background: var(--white);
  border: 1px solid rgba(10,31,54,0.08);
  border-radius: 12px;
  padding: 18px 22px;
  box-shadow: var(--shadow-md);
}
.legal__contact a{ color: var(--navy-800); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 600px){
  .legal{ padding: 130px 0 70px; }
}