/* BlueDust Trade — shared legal stylesheet for Privacy Policy and Terms of Service.
   Loads alone on legal pages, so it sets its own background and text colors.
   Palette: LIUYANG #EEEFEA mist wall, SHIPNOTE #303C3A ink, DUSTBLUE #22848C accent,
   BDDEEP #22282C wells, HAZE-PANEL #D8DEDC panels, MISTGOLD #C2AA45 sparing. */

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  font-size:16px;
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
  background-color:#EEEFEA;
  color:#303C3A;
  line-height:1.72;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

/* plain legal header — solid background, strong h1 contrast */
.legal-header{
  background-color:#22282C;
  color:#E8ECE9;
  border-bottom:6px solid #22848C;
  padding:26px clamp(20px,5vw,48px);
}
.legal-header .legal-brand{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  letter-spacing:.02em;
  color:#E8ECE9;
  margin-bottom:4px;
}
.legal-header .legal-sub{
  display:block;
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#A1B8AD;
}
.legal-header h1{
  margin:16px 0 4px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(28px,4vw,42px);
  color:#FFFFFF;
  line-height:1.15;
}
.legal-header .legal-updated{
  font-size:14px;
  color:#B7C2BF;
  margin:0;
}

/* centered single-column legal form */
.legal-content{
  max-width:840px;
  margin:0 auto;
  padding:0 24px;
}

.legal-nav-back{
  margin:22px 0 0;
  font-size:14px;
}
.legal-nav-back a{
  color:#22848C;
  font-weight:700;
  text-decoration:none;
}
.legal-nav-back a:hover{text-decoration:underline;}

.legal-intro{
  margin:24px 0 30px;
  font-size:17px;
  color:#303C3A;
  line-height:1.72;
}

/* table of contents */
.legal-toc{
  background-color:#D8DEDC;
  border:2px solid #22282C;
  border-left:8px solid #22848C;
  padding:22px 24px;
  margin:0 0 40px;
}
.legal-toc h2{
  margin:0 0 14px;
  font-size:18px;
  color:#303C3A;
}
.legal-toc ol{
  margin:0;
  padding-left:22px;
  columns:2;
  column-gap:32px;
}
.legal-toc li{
  margin-bottom:8px;
  break-inside:avoid;
  font-size:14.5px;
}
.legal-toc a{
  color:#22848C;
  text-decoration:none;
}
.legal-toc a:hover{text-decoration:underline;}

/* scope isolation: legal sections never inherit other backgrounds */
.legal-content section{
  background-color:transparent !important;
  border:0;
  padding:0;
  margin:0 0 8px;
}

.legal-content h2{
  font-family:Georgia,"Times New Roman",serif;
  color:#22282C;
  font-size:24px;
  line-height:1.25;
  margin:38px 0 12px;
  padding-top:14px;
  border-top:2px solid #C7CFCC;
  scroll-margin-top:20px;
}
.legal-content h2:first-of-type{
  border-top:0;
  padding-top:0;
  margin-top:8px;
}
.legal-content h3{
  font-family:Georgia,"Times New Roman",serif;
  color:#303C3A;
  font-size:18px;
  margin:24px 0 8px;
}

.legal-content p{
  margin:0 0 16px;
  color:#303C3A;
}

.legal-content ul,
.legal-content ol{
  margin:0 0 18px;
  padding-left:26px;
  color:#303C3A;
}
.legal-content li{
  margin-bottom:9px;
}

.legal-content a{
  color:#22848C;
  text-decoration:none;
  font-weight:600;
}
.legal-content a:hover{text-decoration:underline;}

/* contact block inside legal text */
.legal-contact-block{
  background-color:#D8DEDC;
  border:2px solid #22282C;
  border-top:6px solid #22848C;
  padding:22px 24px;
  margin:26px 0;
}
.legal-contact-block p{
  margin:0 0 8px;
  color:#303C3A;
  font-size:15px;
}
.legal-contact-block p:last-child{margin-bottom:0;}
.legal-contact-block a{color:#22848C;}

/* closing note */
.legal-close{
  margin:34px 0 0;
  padding:20px 0 0;
  border-top:2px solid #C7CFCC;
  font-size:14.5px;
  color:#41514E;
}

/* legal footer */
.legal-footer{
  margin-top:46px;
  background-color:#22282C;
  color:#B7C2BF;
  border-top:6px solid #22848C;
}
.legal-footer-inner{
  max-width:840px;
  margin:0 auto;
  padding:0 24px;
}
.legal-footer-cols{
  display:grid;
  grid-template-columns:1.7fr 1fr;
  gap:36px;
  padding:34px 0 26px;
}
.legal-footer .legal-footer-brand{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  color:#E8ECE9;
  margin-bottom:10px;
}
.legal-footer p{
  margin:0 0 8px;
  font-size:14px;
  color:#B7C2BF;
  line-height:1.7;
}
.legal-footer a{
  color:#E8ECE9;
  text-decoration:none;
}
.legal-footer a:hover{color:#C2AA45;text-decoration:underline;}
.legal-footer-links{
  list-style:none;
  margin:0;
  padding:0;
}
.legal-footer-links li{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid #39454A;
  font-size:14px;
}
.legal-footer-links li:last-child{border-bottom:0;}
.legal-footer-base{
  border-top:1px solid #39454A;
  padding:16px 0;
  font-size:13px;
  color:#A1B8AD;
}

@media (max-width:700px){
  .legal-toc ol{columns:1;}
  .legal-footer-cols{grid-template-columns:1fr;}
}
