/* =====================================================
   KINGGOAL - LEGAL STYLESHEET
   privacy.html and terms-of-service.html ONLY
   DARK stadium-green legal design
   ===================================================== */
:root{
  --pitch:    #101614;
  --panel:    #1A2420;
  --slab:     #212D26;
  --lime:     #A9C86A;
  --whiteL:   #EAF0EC;
  --mist:     #C3CCC4;
  --net:      #E8ECE6;
  --orange:   #D9823B;
  --navy:     #3D5A80;
  --navyText: #9DB0C2;
  --hairline: #2B3630;
  --deeper:   #0B100D;
}

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

.legal-page{
  background-color:#101614;
  color:#EAF0EC;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.75;
  overflow-x:hidden;
}

a{ text-decoration:none; }

/* ---- Scope isolation: never tint the header/footer ---- */
.legal-page .legal-main{ background-color:transparent; }
.legal-page .legal-content section{ background-color:transparent !important; }

/* ---- LEGAL HEADER (a header element, NOT a section) ---- */
.legal-header{
  background-color:#1A2420;
  border-bottom:1px solid #3D5A80;
}
.legal-header-inner{
  max-width:960px;
  margin:0 auto;
  padding:34px 24px;
  text-align:center;
}
.legal-header .lh-kick{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:11px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:#D9823B;
  margin-bottom:10px;
}
.legal-header h1{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:34px;
  font-weight:700;
  color:#F3F7F1;                       /* strong contrast on panel */
  line-height:1.2;
  margin-bottom:8px;
}
.legal-header .lh-sub{
  color:#C3CCC4;
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:14px;
}
.legal-header .lh-updated{
  display:inline-block;
  margin-top:14px;
  font-family:"Consolas","Courier New",monospace;
  font-size:13px;
  letter-spacing:1px;
  color:#A9C86A;
  border:1px solid #2B3630;
  background:#212D26;
  padding:6px 14px;
}

/* ---- LEGAL MAIN/LAYOUT ---- */
.legal-main{ padding:0 24px; }
.legal-main-inner{
  max-width:960px;
  margin:0 auto;
  padding:20px 0 0;
}
/* Breadcrumb / top link */
.legal-toplink{
  padding:24px 0 6px;
  text-align:center;
}
.legal-toplink a{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#9DB0C2;
  border-bottom:1px solid #3D5A80;
  padding-bottom:3px;
  transition:color .2s ease;
}
.legal-toplink a:hover{ color:#A9C86A; border-color:#A9C86A; }

/* ---- Table of contents ---- */
.legal-toc{
  background-color:#212D26;
  border:1px solid #2B3630;
  border-left:4px solid #D9823B;
  padding:22px 24px;
  margin:10px 0 36px;
}
.legal-toc .toc-title{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#A9C86A;
  margin-bottom:12px;
}
.legal-toc ol{ list-style:none; counter-reset:toc; columns:2; column-gap:26px; }
.legal-toc li{ margin-bottom:8px; counter-increment:toc; break-inside:avoid; }
.legal-toc li a{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:15px;
  color:#9DB0C2;
  line-height:1.6;
  transition:color .2s ease;
}
.legal-toc li a::before{
  content:counter(toc,decimal-leading-zero);
  color:#D9823B;
  font-family:"Consolas","Courier New",monospace;
  font-size:12px;
  margin-right:8px;
}
.legal-toc li a:hover{ color:#A9C86A; }

/* ---- Content sections ---- */
.legal-content{ padding-bottom:8px; }
.legal-content .container{ max-width:960px; margin:0 auto; padding:0 24px; }
.legal-content section{
  margin-bottom:30px;
  border:0;
}
.legal-content h2{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:24px;
  font-weight:700;
  color:#A9C86A;
  padding-bottom:10px;
  border-bottom:1px solid #2B3630;
  margin-bottom:16px;
  line-height:1.3;
  display:flex;
  align-items:baseline;
  gap:12px;
}
.legal-content h2 .sec-num{
  font-family:"Consolas","Courier New",monospace;
  color:#D9823B;
  font-size:18px;
}
.legal-content h3{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:18px;
  color:#E8ECE6;
  margin:22px 0 10px;
}
.legal-content h4{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:16px;
  color:#C3CCC4;
  margin:16px 0 8px;
}
.legal-content p{
  color:#C3CCC4;
  margin-bottom:16px;
  text-align:justify;
}
.legal-content ul, .legal-content ol{
  margin:0 0 18px 26px;
  color:#C3CCC4;
}
.legal-content li{ margin-bottom:8px; }
.legal-content ul li{ list-style:square; }
.legal-content ul li ul{ margin-top:8px; }
.legal-content ul li ul li{ list-style:circle; }
.legal-content strong{ color:#EAF0EC; font-weight:bold; }
.legal-content em{ color:#E8ECE6; }
.legal-content b{ color:#EAF0EC; }
.legal-content hr{ border:0; border-top:1px solid #2B3630; margin:28px 0; }
.legal-note{
  background-color:#212D26;
  border-left:4px solid #A9C86A;
  padding:16px 20px;
  margin:20px 0;
  color:#C3CCC4;
}
.legal-note .note-tag{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#A9C86A;
  display:block;
  margin-bottom:6px;
}
.legal-contactbox{
  background-color:#1A2420;
  border:1px solid #3D5A80;
  padding:18px 22px;
  margin:20px 0;
}
.legal-contactbox p{ margin-bottom:6px; color:#C3CCC4; }
.legal-data-table{
  width:100%;
  border-collapse:collapse;
  margin:18px 0;
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:14px;
}
.legal-data-table th{
  background:#212D26;
  color:#A9C86A;
  text-align:left;
  padding:10px 12px;
  border:1px solid #2B3630;
  letter-spacing:1px;
}
.legal-data-table td{
  padding:10px 12px;
  border:1px solid #2B3630;
  color:#C3CCC4;
}

/* ---- Footer ---- */
.legal-footer{ background-color:#0B100D; margin-top:26px; }
.legal-footer-net{
  height:14px;
  background-image:
    linear-gradient(45deg,transparent 47%,#2B3630 48%,#2B3630 52%,transparent 53%),
    linear-gradient(-45deg,transparent 47%,#2B3630 48%,#2B3630 52%,transparent 53%);
  background-size:22px 22px;
  border-bottom:1px solid #3D5A80;
}
.legal-footer-inner{
  max-width:960px;
  margin:0 auto;
  padding:30px 24px;
  text-align:center;
}
.legal-footer .lf-word{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  color:#EAF0EC;
  font-size:18px;
  letter-spacing:4px;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:10px;
}
.legal-footer .footer-home{
  display:inline-block;
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#A9C86A;
  border:1px solid #3D5A80;
  padding:9px 22px;
  margin-bottom:16px;
  transition:background .2s ease,color .2s ease;
}
.legal-footer .footer-home:hover{ background:#A9C86A; color:#0B180A; }
.legal-footer .lf-contact{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:12px;
  letter-spacing:1px;
  line-height:1.8;
  color:#9DB0C2;
}
.legal-footer .lf-copy{
  font-family:"Segoe UI",Verdana,Arial,sans-serif;
  font-size:12px;
  color:#6c7a72;
  margin-top:14px;
}

/* ---- Responsive ---- */
@media (max-width: 680px){
  .legal-header h1{ font-size:26px; }
  .legal-toc ol{ columns:1; }
  .legal-content h2{ font-size:20px; }
}