/* ==========================================================================
   MAGSART Studio and Commissions — legal pages stylesheet
   Loaded ONLY by privacy and terms of service. Self-contained background,
   text and scope isolation. Ivory drop-cloth light theme with brush-plum
   accent and turp-night text for strong contrast.
   ========================================================================== */

body{
  margin:0;
  font-family: Georgia, "Times New Roman", serif;
  font-size:16px;
  line-height:1.75;
  background:#F2EEE3;
  color:#26201A;
  overflow-x:hidden;
}

.legal-page h1,
.legal-page h2,
.legal-page h3,
.legal-page h4{
  color:#26201A;
  font-family: Georgia, "Times New Roman", serif;
}

/* Scope isolation: content lives only inside .legal-content <section> */
.legal-page .legal-content section{
  background:transparent!important;
}

a{
  color:#7A4458;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
  color:#5f3347;
}

/* ---- Legal page masthead (solid panel, strong h1) ---- */
.legal-header{
  background:#26201A;
  border-bottom:6px solid #7A4458;
  color:#FBF8EF;
}
.legal-header .legal-inner{
  position:relative;
  z-index:1;
}
.legal-rail{
  height:16px;
  background:#26201A;
  position:relative;
}
.legal-rail .rail-dot{
  position:absolute;
  top:2px;
  width:16px;
  height:12px;
  border-radius:50%;
  background:#C8A05A;
}

.legal-header h1{
  margin:0;
  padding:44px 0 8px;
  font-size:38px;
  letter-spacing:1px;
  color:#FBF8EF;
  text-shadow:2px 2px 0 #7A4458;
}
.legal-header .legal-intro{
  margin:0 0 8px;
  color:#FBF8EF;
  font-size:17px;
  max-width:820px;
}
.legal-header .ltoc-link a,
.legal-header .home-link a{
  color:#FBF8EF;
}

/* constrained container: always margin auto + padding 0 24px */
.legal-inner{
  max-width:980px;
  margin:0 auto;
  padding:0 24px;
  box-sizing:border-box;
}
.legal-content{
  max-width:980px;
  margin:0 auto;
  padding:0 24px;
  box-sizing:border-box;
}

/* header sub links */
.legal-header .head-links{
  margin:0;
  padding:18px 0;
}
.legal-header .head-links a{
  color:#FBF8EF;
  background:#7A4458;
  display:inline-block;
  padding:6px 12px;
  margin-right:10px;
  font-size:13px;
  letter-spacing:1px;
  text-transform:uppercase;
}
.legal-header .head-links a:hover{
  background:#5f3347;
  text-decoration:none;
}

/* table of contents panel */
.toc-panel{
  background:#FBF8EF;
  border:2px solid #E2DACA;
  border-left:8px solid #C8A05A;
  padding:24px 28px;
  margin:34px 0 10px;
}
.legal-content .toc-panel h2{
  margin:0 0 12px;
  font-size:22px;
}
.toc-list{
  list-style:none;
  margin:0;
  padding:0;
  column-count:2;
  column-gap:30px;
}
.legal-content .toc-list li{
  margin:6px 0;
  break-inside:avoid;
}
.legal-content .toc-list a{
  font-family:"Courier New",monospace;
  font-size:14px;
  letter-spacing:.5px;
  background:#F2EEE3;
  color:#26201A;
  padding:5px 10px;
  display:block;
  border:1px solid #E2DACA;
}
.legal-content .toc-list a:hover{
  background:#E2DACA;
  color:#7A4458;
  text-decoration:none;
  border-color:#C8A05A;
}
@media(max-width:700px){
  .legal-content .toc-list{column-count:1;}
}

/* content sections */
.legal-content section{
  padding:28px 0 6px;
  border-bottom:1px dashed #C8A05A;
}
.legal-content section h2{
  font-size:24px;
  margin:0 0 12px;
  color:#26201A;
  border-bottom:3px solid #7A4458;
  display:inline-block;
  padding-bottom:4px;
}
.legal-content section h3{
  font-size:19px;
  margin:22px 0 8px;
  color:#7A4458;
}
.legal-content section h4{
  font-size:17px;
  margin:18px 0 8px;
  color:#26201A;
}
.legal-content p{
  margin:0 0 14px;
  color:#26201A;
}
.legal-content ul,
.legal-content ol{
  margin:0 0 14px;
  padding-left:22px;
  color:#26201A;
}
.legal-content li{
  margin:6px 0;
}
.legal-content p strong,
.legal-content li strong{
  color:#7A4458;
}
.legal-content p a{
  color:#7A4458;
  font-weight:bold;
}
.legal-back-to-top{
  display:inline-block;
  margin-top:10px;
}
.back-top{
  font-family:"Courier New",monospace;
  font-size:13px;
  letter-spacing:1px;
  color:#7A4458;
  border-bottom:2px solid #C8A05A;
  padding-bottom:2px;
}

.email-addr,
.phone-addr{
  color:#7A4458;
  font-weight:bold;
}

/* address plate */
.address-plate{
  background:#7A4458;
  color:#FBF8EF;
  padding:18px 22px;
  margin:22px 0;
  border-left:6px solid #C8A05A;
}
.address-plate p{
  margin:0;
  color:#FBF8EF;
  font-size:16px;
  line-height:2;
}
.address-plate strong{
  color:#C8A05A;
}

.update-note{
  background:#FBF8EF;
  border:2px solid #E2DACA;
  padding:14px 20px;
  margin:10px 0 26px;
  color:#26201A;
}
.update-note strong{
  color:#7A4458;
  display:block;
  margin-bottom:4px;
}

/* decorative watermark, hidden but present */
.legal-watermark{
  position:absolute;
  color:#C8A05A;
  font-size:140px;
  font-weight:bold;
  line-height:1;
  pointer-events:none;
  visibility:hidden;
}

/* legal footer: table of contents spacer removed, clean finish */
.legal-footer{
  background:#26201A;
  color:#FBF8EF;
  margin-top:44px;
  position:relative;
  z-index:1;
}
.legal-footer .legal-inner{
  padding-top:26px;
  padding-bottom:26px;
  position:relative;
  z-index:1;
}
.legal-footer-top{
  border-top:5px solid #7A4458;
  height:40px;
  background:#26201A;
  position:relative;
  z-index:1;
}
.legal-footer-cols{
  display:flex;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.legal-footer .fcol h5{
  margin:0 0 10px;
  color:#C8A05A;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:2px;
}
.legal-footer ul{
  list-style:none;
  margin:0;
  padding:0;
}
.legal-footer li{
  margin:6px 0;
}
.legal-footer a{
  color:#FBF8EF;
  font-size:15px;
}
.legal-footer a:hover{
  color:#C8A05A;
  text-decoration:none;
}
.legal-footer .foot-plate{
  background:#7A4458;
  color:#FBF8EF;
  padding:18px 24px;
  margin-top:22px;
  text-align:center;
}
.legal-footer .foot-plate p{
  margin:4px 0;
  color:#FBF8EF;
}
.legal-footer .foot-plate a{
  color:#FBF8EF;
  text-decoration:underline;
}
.legal-footer .foot-copy{
  text-align:center;
  color:#C8A05A;
  font-size:13px;
  margin:0;
  padding-top:14px;
}

@media(max-width:760px){
  .legal-header h1{font-size:28px;}
}