/* ============================================================
   Shared legal stylesheet for the JINYU Privacy Policy and
   Terms of Service pages. Loaded alone on each legal page.
   Body 16px, strong contrast, no rgba, opaque.
   ============================================================ */

*{box-sizing:border-box;}

body{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.7;
  color:#262A30;
  background:#F3F1E9;
}

/* Landmark layout */
.legal-outer{
  display:block;
}

/* ===== Scope isolation: allow no uncontrolled section styling ===== */
.legal-page .legal-content section{
  background:transparent !important;
}

/* ===== Legal header ===== */
.legal-header{
  background:#2F5D8C;                 /* solid rail blue band */
  padding:34px 24px 40px;
  display:block;
}
.legal-header .inner{
  max-width:960px;
  margin:0 auto;
  padding:0 24px;
}
.legal-header h1{
  margin:0;
  font-family:Georgia,serif;
  font-size:42px;
  line-height:1.12;
  color:#FFFFFF;
}
.legal-header .kicker{
  display:block;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#C9D7E6;
  margin-bottom:10px;
}
.legal-header .meta{
  display:block;
  margin-top:12px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  color:#E7EDF4;
}
.legal-header a{
  color:#FFFFFF;
  text-decoration:underline;
}
.legal-header a:hover{color:#Dbe6F0;}

/* ===== Body content column (strong contrast on paper) ===== */
.legal-content{
  max-width:960px;
  margin:0 auto;
  padding:44px 24px 60px;
  background:#FAF7EE;               /* waybill cream card */
  border:1px solid #6B7280;
  border-top:0;
  color:#262A30;
}

/* Table of contents */
.legal-toc{
  background:#262A30;              /* solid dark rail panel */
  color:#FAF7EE;
  padding:26px 30px;
  margin:0 0 34px;
  display:block;
}
.legal-toc h2{
  margin:0 0 12px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#FFFFFF;
}
.legal-toc ol{
  margin:0;
  padding-left:22px;
  column-count:2;
  column-gap:36px;
}
.legal-toc li{
  margin:6px 0;
  line-height:1.6;
}
.legal-toc a{color:#C4D3E2;}
.legal-toc a:hover{color:#FFFFFF;}
@media (max-width:640px){.legal-toc ol{column-count:1;}}

/* Headings and copy */
.legal-content .eyebrow{
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#8A4A38;
  font-weight:700;
}
.legal-content h2{
  font-family:Georgia,serif;
  font-size:29px;
  color:#262A30;
  margin:38px 0 6px;
}
.legal-content p{
  margin:14px 0;
  color:#262A30;
  font-size:16px;
}
.legal-content ul,.legal-content ol{
  margin:14px 0;
  padding-left:26px;
  color:#262A30;
  font-size:16px;
}
.legal-content li{margin:7px 0;}
.legal-content strong{color:#262A30;}
.legal-content a{color:#2F5D8C;}
.legal-content a:hover{color:#8A4A38;}
.legal-content hr{
  border:0;
  border-top:2px solid #8A4A38;
  margin:34px 0;
}
.legal-content address{
  font-style:normal;
  color:#262A30;
  font-size:16px;
}

/* Addres plaque inside legal pages */
.legal-reg{
  background:#2B2F36;
  color:#FAF7EE;
  padding:22px 26px;
  margin:22px 0;
  display:block;
}
.legal-reg .rn{
  display:block;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
  color:#FCFAF4;
  font-size:16px;
}
.legal-reg .ra{
  display:block;
  margin-top:6px;
  color:#C9D2DC;
  font-size:15px;
  line-height:1.7;
}

/* Home return link after TOC and at the close */
.home-return{
  display:inline-block;
  background:#2F5D8C;
  color:#FFFFFF;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  font-size:14px;
  padding:13px 20px;
  margin-top:16px;
}
.home-return:hover{color:#FFFFFF;}

/* Back to contents anchor */
.backtop a{
  color:#2F5D8C;
  font-size:14px;
}

/* Legal footer */
.legal-footer{
  background:#2B2F36;
  color:#C9D2DC;
  padding:30px 24px 44px;
}
.legal-footer .inner{
  max-width:960px;
  margin:0 auto;
  padding:0 24px;
  text-align:center;
}
.legal-footer .nco{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
  color:#FFFFFF;
  font-size:15px;
  letter-spacing:1px;
}
.legal-footer p{
  margin:6px 0;
  font-size:14px;
  color:#C9D2DC;
}
.legal-footer a{color:#E9EEF4;}
.legal-footer a:hover{color:#FFFFFF;}