/* Shared styling for BBR legal pages — matches the cinematic homepage */
:root{
  --bg:#070d17; --bg-2:#0e1727; --gold:#C7A465; --gold-2:#E6CF95;
  --paper:#F3EFE6; --muted:rgba(243,239,230,.66); --line:rgba(199,164,101,.2);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--paper);line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit}
.gold-text{background:linear-gradient(120deg,var(--gold),var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
header{position:sticky;top:0;z-index:20;background:rgba(7,13,23,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{max-width:860px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}
.brand{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;letter-spacing:.28em}
.back{font-size:13px;color:var(--muted);letter-spacing:.04em;transition:.2s}
.back:hover{color:var(--gold-2)}
.wrap{max-width:820px;margin:0 auto;padding:0 32px}
.hero{padding:84px 0 38px;border-bottom:1px solid var(--line)}
.hero .eyebrow{font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:500}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(34px,6vw,54px);font-weight:600;line-height:1.08;margin:18px 0 14px}
.hero .updated{font-size:13px;color:var(--muted)}
main{padding:48px 0 80px}
main h2{font-family:'Playfair Display',serif;font-size:23px;font-weight:600;margin:42px 0 12px;color:#fff;scroll-margin-top:90px}
main h2:first-of-type{margin-top:0}
main h3{font-size:14px;font-weight:600;margin:22px 0 6px;color:var(--gold-2);letter-spacing:.02em}
main p,main li{font-size:15.5px;color:var(--muted);margin-bottom:14px}
main strong{color:var(--paper);font-weight:600}
main a{color:var(--gold-2);text-decoration:underline;text-underline-offset:2px}
main ul{padding-left:20px;margin-bottom:16px}
main li{margin-bottom:8px}
.lead{font-size:17px;color:var(--paper);margin-bottom:8px}
.callout{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:20px 24px;margin:26px 0}
.callout p{color:var(--paper);margin-bottom:0;font-size:15.5px}
dl.dl{border-top:1px solid var(--line);margin:10px 0 8px}
dl.dl > div{display:flex;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}
dl.dl dt{flex:0 0 215px;color:var(--gold);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding-top:3px}
dl.dl dd{color:var(--paper);font-size:15.5px}
footer{border-top:1px solid var(--line);padding:40px 0;background:#05090f}
.foot{max-width:820px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12.5px;color:rgba(243,239,230,.45)}
.foot a{color:rgba(243,239,230,.6);transition:.2s}
.foot a:hover{color:var(--gold-2)}
.foot-links{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:600px){
  dl.dl > div{flex-direction:column;gap:4px}
  dl.dl dt{flex:none}
  .foot{flex-direction:column;gap:14px}
}