*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}

.legal-page{
  margin:0;
  font-size:16px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background-color:#0C100E;
  color:#C9CEC7;
  line-height:1.8;
  -webkit-font-smoothing:antialiased
}

.legal-page ::selection{background-color:#176B4C;color:#F2F4F0}

.legal-page h1,.legal-page h2,.legal-page h3,.legal-page h4{
  font-family:Georgia,"Times New Roman",serif;
  color:#F2F4F0;
  font-weight:700;
  line-height:1.25
}

.legal-page h2{font-size:28px;margin:0 0 16px}

.legal-page h3{font-size:20px;margin:28px 0 10px}

.legal-page p{color:#C9CEC7;margin:0 0 18px}

.legal-page a{color:#1E8259}

.legal-page ul,.legal-page ol{color:#C9CEC7;margin:0 0 18px}

.legal-page li{margin-bottom:8px}

/* Legal header (solid surface band, never a section) */

.legal-header{
  background-color:#131A15;
  border-bottom:1px solid #223026
}

.legal-header-inner{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  padding-top:26px;
  padding-bottom:26px
}

.legal-brand{
  color:#F2F4F0;
  font-size:22px;
  font-weight:700;
  letter-spacing:0.08em;
  text-decoration:none
}

.legal-brand:hover{color:#1E8259}

.legal-brand-tag{color:#93A097;font-size:14px}

.legal-title{
  max-width:900px;
  margin:0 auto;
  padding:48px 24px 0
}

.legal-title h1{
  color:#F2F4F0;
  font-size:44px;
  margin:0 0 10px
}

.legal-title p{
  color:#C9CEC7;
  margin:0
}

/* Legal content */

.legal-content{
  padding:44px 0 80px
}

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

.legal-page .legal-content section{
  background-color:transparent !important;
  padding:0 0 44px
}

.legal-content h2{
  color:#F2F4F0;
  border-top:1px solid #223026;
  padding-top:30px;
  margin-bottom:16px
}

.legal-content p:last-child{margin-bottom:0}

.legal-content li a{color:#1E8259;text-decoration:none;border-bottom:1px solid #176B4C}

.legal-content li a:hover{color:#F2F4F0}

/* Table of contents */

.toc{
  background-color:#131A15;
  border:1px solid #223026;
  border-left:3px solid #176B4C;
  padding:28px 32px;
  margin-bottom:40px
}

.toc-title{
  color:#F2F4F0;
  font-size:18px;
  margin:0 0 18px
}

.toc-list{
  list-style:none;
  margin:0;
  padding:0;
  columns:2;
  column-gap:48px
}

.toc-list li{margin-bottom:10px;break-inside:avoid}

.toc-list a{
  color:#C9CEC7;
  text-decoration:none;
  border-bottom:1px solid #223026;
  padding-bottom:2px
}

.toc-list a:hover{
  color:#F2F4F0;
  border-bottom-color:#176B4C
}

/* Legal footer */

.legal-footer{
  border-top:1px solid #223026;
  background-color:#131A15;
  padding:40px 0
}

.legal-footer-inner{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap
}

.legal-footer p{
  color:#93A097;
  font-size:14px;
  margin:0
}

.legal-footer .legal-nav a{
  color:#C9CEC7;
  text-decoration:none;
  font-size:14px;
  margin-left:16px
}

.legal-footer .legal-nav a:first-child{margin-left:0}

.legal-footer .legal-nav a:hover{
  color:#F2F4F0;
  text-decoration:underline;
  text-decoration-color:#176B4C;
  text-underline-offset:3px
}

/* Responsive */

@media (max-width:720px){
  .legal-title h1{font-size:32px}

  .toc-list{columns:1}

  .toc{padding:22px 20px}

  .legal-footer-inner{flex-direction:column;align-items:flex-start}

  .legal-footer .legal-nav a{margin-left:0;margin-right:16px}

  .legal-content{padding-bottom:56px}
}