/* Division One Club — shared styling for the legal pages (privacy / terms / refund).
   Mirrors the main site's palette and type on a calm, readable single column. */
:root{
  --slate:#0a1622; --champagne:#c4b3a0; --highlight:#e6d8c4;
  --ink:#f0e7da; --body:#cbbfae; --muted:#8a8377; --deep:#9a8877;
  --line:rgba(196,179,160,0.16);
  --font-display:'Playfair Display',Georgia,'Times New Roman',serif;
  --font-ui:'DM Sans',ui-sans-serif,system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--slate); color:var(--ink);
  font-family:var(--font-ui); -webkit-font-smoothing:antialiased;
  line-height:1.72; font-size:1rem;
}
::selection{background:var(--champagne); color:#14100e;}
/* Full, normal page width on desktop (matches the main site's content width +
   gutter) rather than a narrow centered reading column. */
.legal-wrap{max-width:1120px; margin:0 auto; padding:clamp(28px,6vw,64px) clamp(20px,5vw,64px) 88px;}
.legal-brand{
  font-family:var(--font-display); font-weight:600; letter-spacing:0.05em;
  text-transform:uppercase; color:var(--champagne); text-decoration:none;
  font-size:clamp(15px,1.9vw,18px);
}
.legal-back{
  display:inline-block; margin-top:6px; color:var(--muted); text-decoration:none;
  font-size:11px; letter-spacing:0.18em; text-transform:uppercase;
  transition:color 200ms ease;
}
.legal-back:hover{color:var(--champagne);}
h1{
  font-family:var(--font-display); font-weight:500;
  font-size:clamp(2rem,5.5vw,2.9rem); line-height:1.12; letter-spacing:-0.01em;
  color:var(--ink); margin:34px 0 6px;
}
.legal-updated{color:var(--muted); font-size:11px; letter-spacing:0.16em; text-transform:uppercase; margin:0;}
h2{
  font-family:var(--font-display); font-weight:500;
  font-size:clamp(1.25rem,3vw,1.55rem); color:var(--highlight);
  margin:42px 0 10px; letter-spacing:-0.005em;
}
p,li{color:var(--body);}
p{margin:0 0 16px;}
a{color:var(--champagne); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px;}
a:hover{color:var(--highlight);}
ul{padding-left:1.15em; margin:0 0 16px;}
li{margin:7px 0;}
strong{color:var(--ink); font-weight:500;}
.legal-lead{font-size:1.08rem; color:var(--ink);}
.legal-foot{
  margin-top:56px; padding-top:22px; border-top:1px solid var(--line);
  font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--muted);
}