/* ===== LEGAL PAGES SHARED STYLES ===== */

/* SCOPE ISOLATION — prevent homepage section styles from polluting legal pages */
.legal-page .legal-content section{
  background-color:transparent !important;
  color:inherit !important;
}

/* ===== LEGAL PAGE BASE ===== */
.legal-page{
  background:#0C0D14;
  color:#D0D1DB;
}

/* ===== LEGAL HEADER (header element, NOT section) ===== */
.legal-header{
  background:linear-gradient(135deg,#181922 0%,#1F202D 100%);
  padding:120px 0 60px;
  text-align:center;
  border-bottom:1px solid #2E2F3D;
}
.legal-header h1{
  font-size:clamp(28px,4vw,44px);font-weight:800;
  color:#EDEEF3;margin-bottom:12px;
}
.legal-header .legal-header-date{
  font-size:14px;color:#7E8091;
}

/* ===== BREADCRUMB ===== */
.legal-breadcrumb{
  padding:16px 0;font-size:13px;color:#7E8091;
  border-bottom:1px solid #1F202D;
}
.legal-breadcrumb a{color:#6C8CFF}
.legal-breadcrumb a:hover{text-decoration:underline}
.legal-breadcrumb span{color:#5A5B6E}

/* ===== LEGAL CONTENT AREA ===== */
.legal-content{
  padding:60px 0 80px;
}
.legal-content .legal-grid{
  display:grid;grid-template-columns:260px 1fr;
  gap:48px;align-items:start;
}

/* ===== TABLE OF CONTENTS (nav.toc) ===== */
.legal-toc{
  position:sticky;top:88px;
  background:#181922;border-radius:12px;
  padding:24px;border:1px solid #2E2F3D;
}
.legal-toc h2{
  font-size:15px;font-weight:700;color:#EDEEF3;
  margin-bottom:16px;text-transform:uppercase;letter-spacing:1px;
}
.legal-toc ol{
  padding-left:20px;margin:0;
}
.legal-toc ol li{
  font-size:13px;color:#8A8C9E;padding:4px 0;
  line-height:1.5;
}
.legal-toc ol li a{
  color:#8A8C9E;transition:color .2s;
}
.legal-toc ol li a:hover{color:#6C8CFF}

/* ===== LEGAL BODY TEXT ===== */
.legal-body h2{
  font-size:24px;font-weight:700;color:#EDEEF3;
  margin-top:44px;margin-bottom:16px;padding-top:20px;
  border-top:1px solid #1F202D;
}
.legal-body h2:first-child{margin-top:0;border-top:none;padding-top:0}

.legal-body h3{
  font-size:18px;font-weight:600;color:#D0D1DB;
  margin-top:24px;margin-bottom:10px;
}

.legal-body p{
  font-size:15px;line-height:1.75;color:#A0A2B5;margin-bottom:16px;
}

.legal-body ul,.legal-body ol{
  margin:0 0 20px 20px;padding:0;
}
.legal-body ul li,.legal-body ol li{
  font-size:15px;line-height:1.7;color:#A0A2B5;
  padding:4px 0 4px 6px;margin-bottom:4px;
}

.legal-body strong{color:#D0D1DB;font-weight:600}

.legal-body a{color:#6C8CFF;border-bottom:1px solid transparent;transition:border-color .2s}
.legal-body a:hover{border-bottom-color:#6C8CFF}

.legal-body .legal-address{
  background:#181922;border-radius:10px;padding:20px 24px;
  border:1px solid #2E2F3D;font-style:normal;
  margin:16px 0 24px;
}
.legal-body .legal-address p{margin-bottom:4px;font-size:14px;color:#B0B2C0}

.legal-body .back-home{
  display:inline-block;margin-top:40px;padding:12px 24px;
  background:#6C8CFF;color:#fff;border-radius:8px;
  font-weight:600;font-size:14px;transition:background .2s;
}
.legal-body .back-home:hover{background:#5A7AEF}

@media(max-width:768px){
  .legal-content .legal-grid{grid-template-columns:1fr}
  .legal-toc{position:static;margin-bottom:32px}
}