/* ═══════════════════════════════════════════════════════════
   187 DARK KNIGHTS — LEGAL PAGES
   Terms · Privacy · Refunds

   Deliberately quieter than the rest of the site. Legal text has to
   be READ, and the forge treatment fights that: texture behind body
   copy is noise, and 17px Rajdhani over three screens is tiring.
   Same palette, but the type does the work.
   ═══════════════════════════════════════════════════════════ */

body.legal{
  background:linear-gradient(180deg,#000 0%,#08090b 40%,#000 100%);
  padding-bottom:0}

.legal-wrap{
  max-width:760px;margin:0 auto;padding:130px 26px 80px}

/* ── Head ── */
.legal-head{
  padding-bottom:26px;margin-bottom:34px;
  border-bottom:1px solid rgba(154,154,159,.12)}
.legal-title{
  font-family:'Oswald',sans-serif;font-weight:700;
  font-size:clamp(30px,5vw,50px);line-height:1.05;
  text-transform:uppercase;letter-spacing:-.5px;margin:6px 0 10px}
.legal-updated{
  font-family:'Share Tech Mono',monospace;font-size:10px;letter-spacing:2px;
  text-transform:uppercase;color:#3a3f47}

/* ── Body ──
   16.5px / 1.75 on a 760px column. Comfortable for long reading,
   which is the entire job of this page. */
.legal-body{
  font-family:'Rajdhani',sans-serif;font-weight:400;
  font-size:16.5px;line-height:1.75;color:#a8b0ba}

.legal-lede{
  font-size:18px;line-height:1.7;color:#c8cdd4;
  padding:18px 22px;margin:0 0 34px;border-radius:3px;
  background:
    radial-gradient(ellipse 80% 60% at 12% 120%,rgba(224,32,32,.12),transparent 70%),
    linear-gradient(172deg,#16181c,#0b0c0f);
  border-left:2px solid var(--fx-blood)}

.legal-body h2{
  font-family:'Oswald',sans-serif;font-weight:600;font-size:20px;
  text-transform:uppercase;letter-spacing:.4px;
  color:#e2e8f0;margin:38px 0 12px;
  padding-bottom:8px;border-bottom:1px solid rgba(154,154,159,.1)}
.legal-body h3{
  font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;
  letter-spacing:1.6px;text-transform:uppercase;
  color:#B22222;margin:24px 0 8px}

.legal-body p{margin:0 0 14px}
.legal-body strong{color:#e2e8f0;font-weight:600}
.legal-body code{
  font-family:'Share Tech Mono',monospace;font-size:13px;
  background:rgba(0,0,0,.45);padding:2px 7px;border-radius:3px;
  color:#ff8a70}

.legal-body ul,.legal-body ol{margin:0 0 16px;padding-left:0;list-style:none}
.legal-body ol{counter-reset:legal}
.legal-body li{position:relative;padding:5px 0 5px 24px}
.legal-body ul li::before{
  content:'';position:absolute;left:4px;top:14px;
  width:5px;height:5px;border-radius:50%;background:rgba(178,34,34,.7)}
.legal-body ol li{counter-increment:legal}
.legal-body ol li::before{
  content:counter(legal);position:absolute;left:0;top:5px;
  font-family:'Share Tech Mono',monospace;font-size:11px;color:#B22222}

.legal-body a{color:#ff8a70;text-decoration:none;
  border-bottom:1px solid rgba(255,138,112,.3)}
.legal-body a:hover{border-bottom-color:#ff8a70}

/* ── Who-sees-what table ── */
.legal-table{
  width:100%;border-collapse:collapse;margin:0 0 20px;
  font-size:15px}
.legal-table th{
  text-align:left;padding:10px 12px;
  font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:2px;
  text-transform:uppercase;color:#B22222;font-weight:400;
  border-bottom:1px solid rgba(154,154,159,.16)}
.legal-table td{
  padding:10px 12px;border-bottom:1px solid rgba(154,154,159,.07);
  color:#a8b0ba;vertical-align:top}
.legal-table tr:last-child td{border-bottom:none}
.legal-table td:first-child{color:#c8cdd4}

/* ── Foot ── */
.legal-foot{
  margin-top:48px;padding-top:26px;
  border-top:1px solid rgba(154,154,159,.12);
  font-family:'Rajdhani',sans-serif;font-size:15px;color:#6b7280}
.legal-foot a{color:#ff8a70;text-decoration:none}
.legal-nav{display:flex;gap:18px;margin-top:16px;flex-wrap:wrap}
.legal-nav a{
  font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:12px;
  letter-spacing:1.6px;text-transform:uppercase;color:#5c636d;
  text-decoration:none}
.legal-nav a:hover{color:#ff8a70}

@media(max-width:600px){
  .legal-wrap{padding:110px 20px 60px}
  .legal-body{font-size:16px}
  .legal-table{font-size:14px}
  .legal-table th,.legal-table td{padding:8px}
}