/* ============================================================
   Accidental Monarchy LLC - legal.css
   Shared legal styling for privacy and terms of service pages.
   Legal pages load ONLY this sheet.
   ============================================================ */

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

html{scroll-behavior:smooth;}

body{
  background-color:#1B1016;
  color:#C9A8A0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.78;
  overflow-x:hidden;
}

a{color:#C9A24B;text-decoration:none;}
a:hover{color:#EADAD2;}

h1,h2,h3,h4{color:#EADAD2;font-weight:normal;line-height:1.25;}

/* scope-isolation: only these legal sections get page styles */
.legal-page .legal-content section{
  background:transparent !important;
}

/* ---- Legal frame ---- */
.legal-page{
  background-color:#1B1016;
}
.legal-content{}

/* header with solid background and strong h1 contrast */
.legal-header{
  background-color:#241522;
  border-bottom:3px solid #C9A24B;
  padding:26px 24px;
}
.legal-header .inner{
  max-width:860px;
  margin:0 auto;
  padding:0 24px;
}
.legal-header .crest-row{
  display:flex;align-items:center;justify-content:center;gap:14px;
}
.legal-header .crest-mark{
  width:52px;height:52px;
  background-color:#C9A24B;
  color:#1B1016;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;font-weight:bold;font-family:Georgia,serif;
  border-radius:8px;
  transform:rotate(-3deg);
}
.legal-header h1{
  color:#EADAD2;
  font-size:34px;
  text-align:center;
  letter-spacing:1px;
  margin-top:16px;
}
.legal-header p{
  color:#C9A8A0;
  text-align:center;
  font-size:15px;
  margin-top:8px;
}
.legal-header nav.home-link{
  text-align:center;margin-top:8px;
}
.legal-header .back-home{
  display:inline-block;
  background-color:#1B1016;
  border:1px solid #C9A24B;
  color:#C9A24B;
  padding:10px 22px;
  border-radius:300px;
  font-size:14px;letter-spacing:1px;text-transform:uppercase;
}
.legal-header .back-home:hover{background-color:#C9A24B;color:#1B1016;}

/* ---- Body ---- */
.legal-body{
  padding:40px 0 60px;
}
.legal-body .inner{
  max-width:860px;
  margin:0 auto;
  padding:0 24px;
}

/* table of contents */
.legal-toc{
  background-color:#241522;
  border:1px solid #6E3A5E;
  border-left:4px solid #C9A24B;
  padding:24px 28px;
  margin-bottom:34px;
}
.legal-toc h2{
  color:#C9A24B;
  font-size:20px;
  letter-spacing:2px;
  margin-bottom:12px;
}
.legal-toc ol{
  margin-left:20px;
  color:#EADAD2;
}
.legal-toc li{margin:6px 0;}
.legal-toc a{color:#EADAD2;}
.legal-toc a:hover{color:#C9A24B;}

/* sections */
.legal-content section{
  margin-bottom:34px;
  border-top:1px solid #33222E;
  padding-top:24px;
}
.legal-content h2{
  color:#EADAD2;
  font-size:26px;
  margin-bottom:14px;
  letter-spacing:.5px;
  display:flex;
  align-items:baseline;
  gap:10px;
}
.legal-content h2 .sec-no{color:#C9A24B;font-size:18px;}
.legal-content h3{
  color:#C9A24B;
  font-size:18px;
  margin:16px 0 8px;
}
.legal-content p{color:#C9A8A0;margin:8px 0;}
.legal-content ul,.legal-content ol{margin:10px 0 10px 24px;color:#C9A8A0;}
.legal-content li{margin:6px 0;}
.legal-content strong{color:#EADAD2;}

.legal-updated{
  background-color:#120A10;
  border:1px solid #6E3A5E;
  padding:8px 14px;
  color:#C9A24B;
  font-size:15px;
}

/* link back to homepage near bottom */
.legal-footer-note{
  margin-top:20px;
  text-align:center;
  border-top:2px solid #6E3A5E;
  padding-top:26px;
}

/* ============================================================
   Footer reuse matching crown site but legal-specific, own rules
   ============================================================ */
.legal-foot{
  background-color:#120A10;
  border-top:2px solid #C9A24B;
  padding:30px 24px;
  text-align:center;
}
.legal-foot .inner{
  max-width:860px;
  margin:0 auto;
  padding:0 24px;
}
.legal-foot .seal-x{
  width:52px;height:52px;
  margin:0 auto 14px;
  background-color:#C9A24B;
  color:#1B1016;
  font-size:24px;font-weight:bold;font-family:Georgia,serif;
  display:flex;align-items:center;justify-content:center;
  transform:rotate(2deg);
}
.legal-foot p{color:#C9A8A0;font-size:14px;margin-top:8px;}
.legal-foot .home-back a{display:inline-block;margin-top:10px;letter-spacing:2px;}

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