/* Shared styles for BPD legal/compliance pages.
   Kept minimal — inherits aesthetic from the main site palette. */
:root{
  --abyss:#06060a;--deep:#0b0b10;--surface:#101016;--surface-2:#15151c;
  --gold:#c8a030;--gold-bright:#e8c850;--gold-dim:#9a7a20;
  --steel:#b0b8c8;--iron:#808898;--graphite:#585e6e;--coal:#2a2e3a;--coal-glass:rgba(42,46,58,.4);
  --white:#eceae6;--red:#c04040;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--abyss);color:var(--steel);font-family:'Outfit','Inter',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--abyss);padding:.6rem 1.5rem;z-index:100;font-weight:600;font-size:.85rem;text-decoration:none;border-radius:0 0 4px 4px}
a.skip-link:focus{top:0}

.legal-nav{padding:1.2rem 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(200,160,48,.08);max-width:1200px;margin:0 auto}
.legal-nav .brand{font-family:'Cinzel',serif;font-size:1.05rem;color:var(--white);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.legal-nav .brand span{color:var(--gold);font-weight:400}
.legal-nav .back{font-size:.75rem;color:var(--iron);text-decoration:none;letter-spacing:.08em;text-transform:uppercase}
.legal-nav .back:hover{color:var(--gold)}

main.legal{max-width:780px;margin:0 auto;padding:4rem 2.5rem 5rem}
main.legal .eyebrow{font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:1.2rem;display:inline-flex;align-items:center;gap:.9rem}
main.legal .eyebrow::before{content:'';display:block;width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
main.legal h1{font-family:'Cinzel',serif;font-size:clamp(2rem,4.2vw,2.8rem);color:var(--white);letter-spacing:.02em;margin:0 0 .6rem;font-weight:700;line-height:1.15}
main.legal .updated{font-family:'Cormorant Garamond',serif;font-size:1rem;color:var(--iron);margin-bottom:0;font-style:italic;font-weight:300}
main.legal .hero-divider{height:1px;background:linear-gradient(90deg,transparent,var(--coal) 30%,rgba(200,160,48,.1) 50%,var(--coal) 70%,transparent);margin:2.2rem 0 2.2rem}

main.legal a.compliance-back{display:inline-flex;align-items:center;gap:.5rem;font-family:'Cinzel',serif;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-dim);text-decoration:none;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--coal)}
main.legal a.compliance-back:hover{color:var(--gold)}
main.legal h2{font-family:'Cinzel',serif;font-size:1.1rem;color:var(--gold);letter-spacing:.04em;text-transform:uppercase;margin:2.4rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid rgba(200,160,48,.12)}
main.legal h3{font-size:1rem;color:var(--white);margin:1.5rem 0 .5rem;font-weight:600}
main.legal p,main.legal li{color:var(--steel);font-size:.95rem;margin-bottom:.9rem}
main.legal ul,main.legal ol{padding-left:1.4rem;margin-bottom:1rem}
main.legal li{margin-bottom:.4rem}
main.legal a{color:var(--gold-bright);text-decoration:underline;text-underline-offset:2px}
main.legal a:hover{color:var(--gold)}
main.legal strong{color:var(--white)}
main.legal code{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:.85rem;background:var(--surface);padding:1px 6px;border-radius:3px;color:var(--white)}
main.legal table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}
main.legal table th,main.legal table td{border-bottom:1px solid var(--coal);padding:.75rem 1rem;text-align:left;vertical-align:top}
main.legal table th{background:var(--surface-2);color:var(--gold);font-weight:600;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
main.legal blockquote{border-left:3px solid var(--gold);padding:.5rem 1.2rem;margin:1.2rem 0;color:var(--iron);font-style:italic;background:rgba(200,160,48,.04)}
main.legal .plain-note{background:rgba(200,160,48,.06);border:1px solid rgba(200,160,48,.15);border-left:3px solid var(--gold);padding:1rem 1.3rem;border-radius:3px;margin:1.5rem 0;font-size:.9rem}
main.legal .plain-note strong{display:block;margin-bottom:.3rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}

/* Compact elegant footer for legal pages. Matches main site aesthetic. */
footer.site-footer-legal{border-top:1px solid rgba(200,160,48,.06);padding:2.4rem 2.5rem 1.8rem;max-width:1100px;margin:3rem auto 0;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}
.footer-top{display:none} /* Hide old two-column row */
.footer-brand{font-family:'Cinzel',serif;font-size:.82rem;color:var(--iron);letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.4rem}
.footer-brand span{color:var(--gold)}
.footer-brand .footer-llc{color:var(--abyss);background:var(--gold-dim);font-size:.52rem;letter-spacing:.18em;padding:2px 6px;border-radius:2px;font-weight:700;margin-left:.3rem}
.footer-tag,.footer-copy{font-size:.65rem;color:var(--graphite);letter-spacing:.04em;font-weight:300;opacity:.75}
.footer-tag a{color:var(--iron);text-decoration:none}
.footer-tag a:hover{color:var(--gold)}
/* Legal row: inline, pipe-separated, small — elegant not clinical */
.footer-legal-row{display:inline-flex;flex-wrap:wrap;gap:.3rem .5rem;padding:.3rem 0;border:none;justify-content:center}
.footer-legal-row a{font-size:.65rem;color:var(--iron);text-decoration:none;letter-spacing:.04em;text-transform:none;font-weight:400;padding:0 .4rem;position:relative;transition:color .2s ease}
.footer-legal-row a:hover{color:var(--gold)}
.footer-legal-row a::after{content:'·';position:absolute;right:-.25rem;color:var(--coal)}
.footer-legal-row a:last-child::after{display:none}
.footer-entity{font-size:.65rem;color:var(--graphite);line-height:1.6;max-width:620px;opacity:.7}
.footer-entity strong{color:var(--iron);font-weight:500}
.footer-entity a{color:var(--gold-dim);text-decoration:none}
.footer-entity a:hover{color:var(--gold)}
/* Reveal top row only on wide screens with separated display */
.footer-top{display:none !important}

@media (max-width:700px){
  .legal-nav{padding:1rem 1.5rem}
  main.legal{padding:2rem 1.5rem 3rem}
  footer.site-footer-legal{padding:2rem 1.5rem}
}