/*  Legal pages (M5) — Terms · Privacy · Refund.
 *  Aik hi stylesheet teenon ke liye, aur wohi palette jo `compliance.html` par hai
 *  (#030608 / #e8f4ff / amber #FFC24B) taake ye page product ke andar ajnabi na lagen.
 */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: #030608;
  color: #e8f4ff;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.7;
  min-height: 100vh;
}

.wrap { max-width: 820px; margin: 0 auto; padding: 72px 24px 80px; }

.tag {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 10px; color: #FFC24B; letter-spacing: 4px;
  text-transform: uppercase; margin-bottom: 12px;
}

h1 { font-size: 30px; font-weight: 800; letter-spacing: -0.4px; margin-bottom: 10px; }

.updated { font-size: 13px; color: #7f95a8; margin-bottom: 8px; }

.lede {
  font-size: 15px; color: #b9cfe0; margin: 18px 0 34px;
  padding: 16px 18px; border-left: 3px solid #FFC24B;
  background: rgba(255, 194, 75, .05); border-radius: 0 8px 8px 0;
}

h2 {
  font-size: 17px; font-weight: 700; color: #e8f4ff;
  margin: 34px 0 10px; padding-top: 22px;
  border-top: 1px solid rgba(232, 244, 255, .09);
}
h2:first-of-type { border-top: 0; padding-top: 0; }

h3 { font-size: 14px; font-weight: 700; color: #cfe2f1; margin: 18px 0 6px; }

p { font-size: 15px; color: #c5d8e8; margin-bottom: 12px; }

ul, ol { margin: 6px 0 14px 22px; }
li { font-size: 15px; color: #c5d8e8; margin-bottom: 6px; }

strong { color: #e8f4ff; font-weight: 650; }

code {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 13px; color: #FFC24B;
  background: rgba(255, 194, 75, .08); padding: 1px 6px; border-radius: 4px;
}

table { width: 100%; border-collapse: collapse; margin: 14px 0 18px; font-size: 14px; }
th, td { text-align: left; padding: 9px 12px; border-bottom: 1px solid rgba(232, 244, 255, .09); vertical-align: top; }
th { color: #7f95a8; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
td { color: #c5d8e8; }

a { color: #FFC24B; }

.nav { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 30px; font-size: 13px; }
.nav a { color: #7f95a8; text-decoration: none; }
.nav a:hover { color: #FFC24B; }
.nav a.on { color: #FFC24B; font-weight: 650; }

footer {
  margin-top: 46px; padding-top: 20px;
  border-top: 1px solid rgba(232, 244, 255, .09);
  font-size: 13px; color: #6f8496;
}

@media (max-width: 640px) {
  .wrap { padding: 44px 18px 60px; }
  h1 { font-size: 24px; }
  table, thead, tbody, th, td, tr { display: block; }
  th { display: none; }
  td { border-bottom: 0; padding: 3px 0; }
  tr { border-bottom: 1px solid rgba(232, 244, 255, .09); padding: 8px 0; display: block; }
}