/* Legal / content sub-pages */
.legal{position:relative;z-index:1;padding-block:calc(var(--nav-h) + 70px) 90px}
.legal h1{margin-bottom:.3em}
.legal__updated{
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(234,191,74,.65);margin-bottom:2.6em;
}
.legal h2{
  font-family:var(--f-display);font-size:1.06rem;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gold-400);margin:2.4em 0 .8em;
  display:flex;align-items:center;gap:14px;
}
.legal h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(212,154,25,.35),transparent)}
.legal p{font-size:.97rem;line-height:1.85;max-width:70ch}
.legal a{color:var(--gold-300);border-bottom:1px solid rgba(234,191,74,.35);transition:color .3s,border-color .3s}
.legal a:hover{color:#fff;border-color:rgba(255,255,255,.6)}
.legal em{color:var(--gold-400);font-style:italic}
.legal__list{margin:0 0 1.1em;padding:0;display:grid;gap:.75em;max-width:70ch}
.legal__list li{
  position:relative;padding-left:22px;font-size:.97rem;line-height:1.8;
}
.legal__list li::before{
  content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;
  transform:rotate(45deg);
  background:linear-gradient(135deg,var(--gold-400),var(--gold-700));
}
.legal__list strong{color:var(--ivory);font-weight:500}
.legal kbd{
  font-family:var(--f-body);font-size:.82em;padding:2px 7px;border-radius:3px;
  border:1px solid rgba(234,191,74,.3);background:rgba(11,55,100,.4);color:var(--gold-300);
}
.legal code{
  font-size:.9em;padding:2px 6px;border-radius:3px;
  background:rgba(11,55,100,.45);color:var(--sky-300);
}

.legal__placeholder{
  padding:16px 20px;border:1px dashed rgba(234,191,74,.3);border-radius:2px;
  background:rgba(11,55,100,.2);color:rgba(251,247,238,.6);font-size:.92rem;
}