.legal-page{
  margin:0;
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background-color:#F7F8FA;
  color:#38404A;
  font-size:16px;
  line-height:1.75;
  overflow-x:hidden;
}
.legal-page *{box-sizing:border-box;}
.legal-page img{max-width:100%;display:block;}

/* scope isolation: legal content sections never take a colored panel */
.legal-page .legal-header,
.legal-page .legal-footer{background-color:#33415A;color:#FFFFFF;}
.legal-page .legal-content section{background-color:transparent !important;}

/* ===== legal header ===== */
.legal-header{
  padding:54px 24px;
  background-color:#33415A;
  color:#FFFFFF;
}
.legal-header .wrap{max-width:960px;margin:0 auto;padding:0 24px;}
.legal-header .home-link{display:inline-block;font-size:13px;letter-spacing:1px;color:#8FB7C0;text-transform:uppercase;margin-bottom:18px;border-bottom:1px solid #3FA8B8;padding-bottom:3px;}
.legal-header .home-link:hover{color:#FFFFFF;}
.legal-header h1{font-size:42px;line-height:1.2;color:#FFFFFF;font-weight:800;letter-spacing:-.5px;}
.legal-header .updated{font-family:Consolas,Consolas,monospace;font-size:13px;color:#8FB7C0;margin-top:10px;}

/* ===== content ===== */
.legal-content{padding:56px 0 70px;}
.container{
  max-width:960px;
  margin:0 auto;
  padding:0 24px;
}
.legal-intro{color:#38404A;font-size:18px;line-height:1.85;max-width:820px;margin-bottom:40px;}
.toc{
  background-color:#FFFFFF;
  border:1px solid #DFE4EA;
  border-radius:8px;
  padding:26px 32px;
  margin-bottom:44px;
}
.toc h2{font-size:16px;color:#33415A;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;}
.toc ul{list-style:none;padding:0;margin:0;}
.toc ul li{margin:7px 0;}
.toc ul li a{color:#33415A;text-decoration:none;border-bottom:1px solid #3FA8B8;}
.toc ul li a:hover{color:#1E7E8C;}
.legal-content section{margin-bottom:30px;background-color:transparent !important;padding:0;}
.legal-content section h2{
  font-size:26px;
  color:#33415A;
  font-weight:800;
  margin:38px 0 12px;
  padding-top:16px;
  border-top:1px solid #DFE4EA;
  scroll-margin-top:20px;
}
.legal-content section h3{
  font-size:19px;
  color:#2A3548;
  font-weight:700;
  margin:24px 0 8px;
}
.legal-content section p{color:#38404A;margin:14px 0;font-size:16px;line-height:1.8;}
.legal-content section ul{color:#38404A;margin:12px 0;padding-left:24px;}
.legal-content section ol{color:#38404A;margin:12px 0;padding-left:26px;}
.legal-content section li{margin:8px 0;}
.legal-content section strong{color:#262C34;}

/* ===== legal footer ===== */
.legal-footer{
  padding:34px 24px;
  background-color:#33415A;
  color:#FFFFFF;
}
.legal-footer .wrap{max-width:960px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.legal-footer .lf-company{font-family:Consolas,monospace;font-size:12px;letter-spacing:1.5px;color:#8FB7C0;text-transform:uppercase;}
.legal-footer .lf-links a{color:#C9D2DE;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin-left:20px;border-bottom:1px solid #3FA8B8;}
.legal-footer .lf-links a:hover{color:#FFFFFF;}

@media(max-width:640px){
  .legal-header h1{font-size:32px;}
  .legal-footer .wrap{flex-direction:column;align-items:flex-start;gap:16px;}
  .legal-footer .lf-links a{margin-left:0;margin-right:20px;}
}
.legal-page{overflow-x:hidden;}