/* PropGym legal pages — shared styles, derived from the main site tokens */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500&display=swap');

:root{
  --ink:#0c0e12; --ink2:#161920; --ink3:#1e2330;
  --line:rgba(255,255,255,0.07); --line2:rgba(255,255,255,0.13);
  --txt:#e8edf8; --txt2:#8892aa; --txt3:#4a5268;
  --gold:#f0b429; --gold2:#d99a1a; --gold-dim:rgba(240,180,41,0.1);
  --red:#f04f4f; --red-dim:rgba(240,79,79,0.1);
  --sans:'DM Sans',sans-serif; --mono:'DM Mono',monospace; --display:'Syne',sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--ink); color:var(--txt); font-family:var(--sans); font-weight:300;
  line-height:1.7; -webkit-font-smoothing:antialiased;
}

/* Header */
.legal-nav{
  border-bottom:1px solid var(--line); padding:20px 24px;
  display:flex; align-items:center; justify-content:space-between;
  position:sticky; top:0; background:rgba(12,14,18,0.85); backdrop-filter:blur(12px); z-index:10;
}
.legal-brand{font-family:var(--display); font-weight:800; font-size:20px; letter-spacing:-0.02em; color:var(--txt); text-decoration:none}
.legal-brand span{color:var(--gold)}
.legal-back{font-family:var(--mono); font-size:12px; text-transform:uppercase; letter-spacing:0.08em; color:var(--txt2); text-decoration:none; transition:color .15s}
.legal-back:hover{color:var(--gold)}

/* Page shell */
.legal-wrap{max-width:760px; margin:0 auto; padding:64px 24px 96px}
.legal-eyebrow{font-family:var(--mono); font-size:12px; text-transform:uppercase; letter-spacing:0.12em; color:var(--gold); margin-bottom:16px}
.legal-title{font-family:var(--display); font-weight:800; font-size:clamp(32px,6vw,48px); line-height:1.05; letter-spacing:-0.02em; margin-bottom:14px}
.legal-updated{font-family:var(--mono); font-size:13px; color:var(--txt3); margin-bottom:40px}

/* Intro / callout box */
.legal-callout{
  background:var(--gold-dim); border:1px solid rgba(240,180,41,0.25); border-radius:12px;
  padding:20px 22px; margin-bottom:40px; font-size:15px; color:var(--txt);
}
.legal-callout.warn{background:var(--red-dim); border-color:rgba(240,79,79,0.3)}
.legal-callout strong{font-weight:500; color:var(--gold)}
.legal-callout.warn strong{color:var(--red)}

/* Sections */
.legal-section{margin-bottom:36px}
.legal-section h2{
  font-family:var(--display); font-weight:700; font-size:22px; letter-spacing:-0.01em;
  margin-bottom:14px; padding-top:8px;
  display:flex; align-items:baseline; gap:12px;
}
.legal-section h2 .num{font-family:var(--mono); font-size:13px; font-weight:400; color:var(--gold); flex-shrink:0}
.legal-section h3{font-family:var(--sans); font-weight:500; font-size:16px; color:var(--txt); margin:20px 0 8px}
.legal-section p{color:var(--txt2); margin-bottom:14px; font-size:15.5px}
.legal-section p strong{color:var(--txt); font-weight:500}
.legal-section ul{list-style:none; margin:0 0 16px}
.legal-section li{
  color:var(--txt2); font-size:15.5px; margin-bottom:10px; padding-left:22px; position:relative;
}
.legal-section li::before{content:'—'; position:absolute; left:0; color:var(--gold); font-weight:400}
.legal-section a{color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(240,180,41,0.3)}
.legal-section a:hover{border-bottom-color:var(--gold)}

/* Footer */
.legal-foot{
  border-top:1px solid var(--line); padding:32px 24px; text-align:center;
  font-family:var(--mono); font-size:12px; color:var(--txt3); letter-spacing:0.04em;
}
.legal-foot a{color:var(--txt2); text-decoration:none; margin:0 10px}
.legal-foot a:hover{color:var(--gold)}

@media (max-width:600px){
  .legal-wrap{padding:44px 20px 72px}
  .legal-section h2{flex-direction:column; gap:4px}
}