/* Shared styles for standalone legal pages — matches index.html modal / theme */
:root{
  --gold:#C9922A;--gold-light:#F0BE6A;--gold-dark:#8A6010;
  --ember:#E84B1A;--ember-glow:#FF7040;
  --deep-black:#06040A;--dark-bg:#0D0A14;--card-bg:#120E1A;
  --border-subtle:rgba(201,146,42,0.15);--border-glow:rgba(201,146,42,0.5);
  --text-primary:#F0E8D8;--text-secondary:#A09080;--text-muted:#6A5E58;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--deep-black);
  color:var(--text-primary);
  font-family:'Raleway',sans-serif;
  font-weight:400;
  line-height:1.7;
  min-height:100vh;
  padding:2rem 1.25rem 4rem;
}
a{color:var(--gold-light);text-decoration:none;border-bottom:0.5px solid rgba(201,146,42,.35);transition:color .2s}
a:hover{color:var(--gold)}
.legal-nav{
  max-width:720px;margin:0 auto 1.5rem;
  font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
}
.legal-nav a{border-bottom:none;color:var(--text-muted)}
.legal-nav a:hover{color:var(--gold-light)}
.legal-doc{
  background:var(--card-bg);
  border:0.5px solid var(--border-glow);
  max-width:720px;width:100%;margin:0 auto;
  padding:3rem 2rem 3.5rem;
  position:relative;
}
@media(min-width:640px){
  .legal-doc{padding:3rem}
}
.legal-doc::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(to right,transparent,var(--gold),var(--ember),transparent);
  opacity:.6;
}
.modal-title{
  font-family:'Cinzel Decorative',serif;font-size:clamp(1.15rem,4vw,1.4rem);
  color:var(--gold-light);margin-bottom:.5rem;font-weight:700;
}
.modal-date{
  font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.2em;color:var(--text-muted);
  margin-bottom:2rem;display:block;
}
.modal-body h3{
  font-family:'Cinzel',serif;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold);margin:1.8rem 0 .6rem;
}
.modal-body p,.modal-body li{font-size:.88rem;color:var(--text-secondary);line-height:1.85;margin-bottom:.6rem}
.modal-body ul{padding-left:1.5rem}
.modal-body strong{color:var(--text-primary);font-weight:600}
.modal-body code{font-size:.78rem;background:rgba(255,255,255,.06);padding:.15rem .35rem;border:0.5px solid var(--border-subtle)}