/* legal.css - shared legal stylesheet for privacy.html and terms-of-service.html */
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-size:16px;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  background:#141716;
  color:#E4E7E2;
  line-height:1.7;
  overflow-x:hidden;
}
::selection{background:#D07A2E;color:#141716}
a{color:#E79B57}
a:hover{color:#F2C89D;text-decoration:underline}
.legal-page{width:100%}
.legal-top{
  position:sticky;top:0;z-index:20;
  background:#181C1B;border-bottom:1px solid #394039;width:100%;
}
.legal-whitebar{max-width:860px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
.legal-brand{font-weight:800;letter-spacing:.08em;color:#EDEFE9;white-space:nowrap}
.legal-back{color:#EDEFE9}
.legal-back a{color:#EDEFE9}
.legal-page h1{
  display:block;font-size:2.2rem;font-weight:800;color:#EDEFE9;line-height:1.2;
}
.legal-page h2{font-size:1.3rem;color:#EDEFE9;margin:0 0 .6rem;line-height:1.25;scroll-margin-top:100px}
.legal-page h3{font-size:1.05rem;color:#F2D2A8;margin:1.1rem 0 .4rem}
.legal-page p{color:#CACEC7;margin-bottom:1rem}
.legal-page ul,.legal-page ol{margin:0 0 1.1rem 1.4rem}
.legal-page li{color:#CACEC7;margin-bottom:.4rem}
.legal-page b,.legal-page strong{color:#EDEFE9}
.legal-page em{font-style:normal;color:#A9AEA8}

/* legal container: content scoped so only sections inside legal-content get the isolation rule */
.legal-wrap{max-width:860px;margin:0 auto;padding:32px 24px}
.legal-intro{background:#232927;border:1px solid #313A37;border-radius:10px;padding:24px 26px;margin-bottom:28px}
.legal-intro p{color:#D5D9D3;margin-bottom:.4rem}
.led{color:#D07A2E}
.hruler{height:1px;background:#394039;margin:0 0 28px}

/* table of contents */
.toc{background:#181C1B;border:1px solid #394039;border-radius:8px;padding:18px 22px;margin-bottom:34px}
.toc p{color:#D07A2E;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase;font-size:.8rem}
.toc ol{list-style:none;padding:0;margin:0;columns:2}
@media(max-width:600px){.toc ol{columns:1}}
.toc li{margin-bottom:0;line-height:1.5}
.toc a{color:#C9CDC6}
.toc a:hover{color:#E79B57}
.toc li::before{color:#D07A2E}

/* the only place the decorative panel styling is intended to apply within one page */
.legal-page .legal-content section{
  background:transparent !important;
  color:#E4E7E2;
  display:block;
}
.legal-page .secpanel{
  background:#232927;border:1px solid #333C38;border-radius:10px;
  padding:24px 26px;margin-bottom:24px;
}
.legal-page .secpanel:hover{border-color:#474F4A}

/* address block kept as plain lines with strong contrast */
.legaladdr{margin-top:26px;display:block;color:#CACEC7;line-height:1.7}
.legaladdr b{color:#EDEFE9}

/* footnote band at the end */
.legal-end{margin-top:46px;background:#181C1B;border-top:4px solid #D07A2E;padding:22px 24px}
.legal-end p{color:#CACEC7;font-size:.9rem}
@media(max-width:560px){
  .legal-page h1{font-size:1.7rem}
  .legal-wrap{padding:22px 16px}
  .legal-whitebar{padding:0 16px}
}