:root{
  --paper:#FAF7F2;
  --ink:#232A33;
  --sky:#2E6FA3;
  --pale:#D8E7F2;
  --cloud:#EDF3F8;
  --white:#FFFFFF;
}

*{ margin:0; padding:0; box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  background-color:#FAF7F2;
  color:#232A33;
  font-family:"Segoe UI", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size:16px;
  line-height:1.75;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

a{ color:#2E6FA3; }

.container{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
}

.legal-page .legal-content section{ background-color:transparent !important; }

/* ============ LEGAL HEADER ============ */
.legal-header{
  background:#2E6FA3;
  padding:56px 0 46px;
}
.legal-header .container{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
}
.legal-home{
  display:inline-block;
  color:#FFFFFF;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  padding:8px 14px;
  background:rgba(0,0,0,0.14);
  margin-bottom:26px;
}
.legal-home:hover{ background:rgba(0,0,0,0.26); color:#FFFFFF; }
.legal-header h1{
  color:#FFFFFF;
  font-size:40px;
  font-weight:900;
  line-height:1.15;
  margin-bottom:12px;
}
.legal-updated{
  color:#D8E7F2;
  font-size:15px;
  font-weight:600;
}

/* ============ WRAP AND TOC ============ */
.legal-wrap{
  max-width:900px;
  margin:0 auto;
  padding:0 24px 30px;
}
.toc{
  background:#EDF3F8;
  border-left:4px solid #2E6FA3;
  padding:24px 28px;
  margin:36px 0 8px;
}
.toc-title{
  display:block;
  font-weight:900;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:2px;
  color:#2E6FA3;
  margin-bottom:12px;
}
.toc a{
  display:block;
  color:#2E6FA3;
  text-decoration:none;
  font-weight:600;
  padding:4px 0;
  font-size:15px;
}
.toc a:hover{ text-decoration:underline; color:#26608F; }

/* ============ CONTENT ============ */
.legal-content{ margin-top:20px; }
.legal-content section{ margin-bottom:8px; }
.legal-content h2{
  color:#2E6FA3;
  font-size:24px;
  font-weight:900;
  margin:42px 0 14px;
  padding-top:8px;
  scroll-margin-top:24px;
}
.legal-content p{
  color:#232A33;
  margin-bottom:16px;
}

/* ============ LEGAL FOOTER ============ */
.legal-footer{
  border-top:2px solid #2E6FA3;
  margin-top:56px;
  padding:34px 0;
  background:#FAF7F2;
}
.legal-footer .container{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
}
.legal-footer-line{
  color:#232A33;
  font-size:14px;
  margin-bottom:10px;
}
.legal-footer-nav{
  margin:14px 0 18px;
  display:flex;
  flex-wrap:wrap;
  gap:8px 24px;
}
.legal-footer-nav a{
  color:#2E6FA3;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}
.legal-footer-nav a:hover{ text-decoration:underline; }

/* ============ RESPONSIVE ============ */
@media (max-width: 640px){
  .legal-header h1{ font-size:32px; }
  .legal-content h2{ font-size:21px; }
  .toc{ padding:20px 20px; }
}