/* ===============================
   LEGAL PAGES — DESIGN VERSION
================================= */

body{
  background:#f8fafc;
}

/* WRAPPER */
.legal-wrapper{
  max-width: 920px;
  margin: 60px auto;
  padding: 0 18px;
}

/* HERO CARD */
.legal-title{
  font-size: 34px;
  font-weight: 700;
  color:#0f172a;
}

.legal-updated{
  font-size:14px;
  color:#64748b;
  margin-top:6px;
}

.legal-wrapper > .legal-title,
.legal-wrapper > .legal-updated{
  background:white;
  padding:28px;
  border-radius:16px;
  box-shadow:0 6px 24px rgba(0,0,0,0.05);
}

/* CONTENT CARD */
.legal-content{
  background:white;
  margin-top:18px;
  padding:28px;
  border-radius:16px;
  box-shadow:0 6px 24px rgba(0,0,0,0.05);
  font-size:15.5px;
  color:#334155;
}

/* HEADINGS */
.legal-content h2{
  font-size:21px;
  margin-top:34px;
  margin-bottom:10px;
  color:#0f172a;
  position:relative;
}

.legal-content h2::before{
  content:"";
  width:36px;
  height:3px;
  background:#0284c7;
  position:absolute;
  bottom:-6px;
  left:0;
  border-radius:4px;
}

.legal-content h3{
  font-size:17px;
  margin-top:18px;
  margin-bottom:6px;
  color:#1e293b;
}

/* TEXT */
.legal-content p{
  line-height:1.75;
  margin-bottom:14px;
}

/* LIST */
.legal-content ul,
.legal-content ol{
  padding-left:20px;
  margin-bottom:16px;
}

.legal-content li{
  margin-bottom:7px;
  line-height:1.6;
}

/* INFO BOX */
.legal-content strong{
  color:#0f172a;
}

.legal-content p strong{
  background:#f1f5f9;
  padding:2px 6px;
  border-radius:6px;
}

/* LINKS */
.legal-content a{
  color:#0284c7;
  text-decoration:none;
}

.legal-content a:hover{
  text-decoration:underline;
}

/* FOOTER NOTE */
.legal-content p:last-child{
  margin-top:32px;
  font-size:13px;
  color:#64748b;
}

/* MOBILE */
@media(max-width:768px){

  .legal-wrapper{
    margin:40px auto;
  }

  .legal-title{
    font-size:26px;
  }

  .legal-content{
    padding:22px;
    font-size:15px;
  }

  .legal-content h2{
    font-size:19px;
  }
}