:root{
  --bg:#0E1319;
  --panel:#18222E;
  --navy:#2C4A6E;
  --navy-deep:#223A57;
  --ice:#B7CCE4;
  --text:#EDF2F8;
  --muted:#B6C8DB;
  --steel:#3E5674;
  --line:#2E4158;
  --line-light:#A9BFD8;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  font-family:'Segoe UI',system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.75;
  color:var(--text);
  background:var(--bg);
  overflow-x:hidden;
}

a{color:var(--ice);text-decoration:none}
a:hover{text-decoration:underline}

/* ============ LEGAL HEADER ============ */
.legal-header{
  background:var(--bg);
  border-bottom:1px solid var(--steel);
}
.legal-header-top{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
  height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.legal-brand{
  color:var(--ice);
  font-size:1.32rem;
  font-weight:800;
  letter-spacing:.1em;
}
.legal-nav{
  display:flex;
  gap:4px;
}
.legal-nav a{
  color:var(--text);
  font-size:.92rem;
  font-weight:600;
  padding:23px 14px;
}
.legal-nav a:hover{color:var(--ice)}
.legal-title{
  max-width:1200px;
  margin:0 auto;
  padding:64px 24px 60px;
}
.legal-title h1{
  font-size:46px;
  line-height:1.12;
  font-weight:800;
  color:var(--text);
  margin:0 0 16px;
}
.legal-meta{
  color:var(--ice);
  font-size:.9rem;
  font-weight:700;
  letter-spacing:.06em;
  margin:0;
}

/* ============ LEGAL CONTENT ============ */
.legal-content{
  max-width:900px;
  margin:0 auto;
  padding:0 24px;
}
.legal-content section{background-color:transparent !important}
.legal-content section h2{scroll-margin-top:88px}

/* Table of contents */
.toc{
  background:var(--panel);
  border-top:3px solid var(--steel);
  padding:32px 36px;
  margin:0 0 56px;
}
.toc-title{
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ice);
  margin:0 0 18px;
}
.toc ol{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 32px;
}
.toc li::before{
  content:"";
  display:inline-block;
  width:3px;
  height:12px;
  background:var(--steel);
  margin-right:12px;
  vertical-align:middle;
}
.toc a{
  color:var(--text);
  font-size:.95rem;
}
.toc a:hover{color:var(--ice)}

/* Legal sections */
.legal-content section{
  margin:0 0 48px;
}
.legal-content section h2{
  font-size:1.6rem;
  font-weight:800;
  color:var(--text);
  padding-bottom:14px;
  border-bottom:2px solid var(--steel);
  margin:0 0 20px;
}
.legal-content section p{
  color:var(--muted);
  margin:0 0 16px;
}
.legal-content section p:last-child{margin-bottom:0}

/* ============ LEGAL FOOTER ============ */
.legal-footer{
  background:var(--navy);
  margin-top:64px;
}
.legal-footer-inner{
  max-width:1200px;
  margin:0 auto;
  padding:44px 24px 40px;
  text-align:center;
}
.legal-footer-home{
  display:inline-block;
  color:var(--text);
  font-weight:700;
  font-size:1rem;
  margin-bottom:14px;
  text-decoration:underline;
}
.legal-footer-home:hover{color:var(--ice)}
.legal-footer-address{
  color:#DCE7F2;
  font-size:.9rem;
  margin:0 0 10px;
}
.legal-footer-copy{
  color:#DCE7F2;
  font-size:.88rem;
  margin:0;
}

/* ============ RESPONSIVE ============ */
@media (max-width:760px){
  .legal-nav a{padding:23px 10px;font-size:.88rem}
  .legal-title h1{font-size:34px}
  .toc ol{grid-template-columns:1fr}
  .legal-header-top{flex-direction:column;align-items:flex-start;gap:8px;padding-top:18px;padding-bottom:6px;height:auto}
  .legal-nav{flex-wrap:wrap}
}