/* legal.css: Payouts privacy and terms pages. Ranked Technologies Limited, 2026.
   Standalone pages served from the assets overlay, so they carry their own fonts
   and chrome instead of extending the Tera base template. */

@charset "UTF-8";

@font-face {
  font-family: "Raider Open Sans Regular";
  src: url("/assets/fonts/open_sans/open_sans_regular.woff2") format("woff2"), url("/assets/fonts/open_sans/open_sans_regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Raider Open Sans Semibold";
  src: url("/assets/fonts/open_sans/open_sans_semibold.woff2") format("woff2"), url("/assets/fonts/open_sans/open_sans_semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Raider Open Sans Bold";
  src: url("/assets/fonts/open_sans/open_sans_bold.woff2") format("woff2"), url("/assets/fonts/open_sans/open_sans_bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Raider Open Sans Regular", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  background: #EFF3F6;
  color: #111827;
  -webkit-text-size-adjust: 100%;
}

a {
  color: #15803D;
  text-decoration: underline;
}

header {
  background: #FFFFFF;
  height: 51px;
  box-shadow: 0 1px 3px 0 rgba(15, 31, 64, 0.10);
}

header .header-inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  height: 51px;
  gap: 12px;
}

header .logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

header .logo img {
  height: 22px;
  max-width: 200px;
  display: block;
}

header .logo .logo-label {
  font-family: "Raider Open Sans Semibold", sans-serif;
  color: rgba(0, 0, 0, 0.80);
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 13.5px;
  text-transform: lowercase;
  letter-spacing: -0.15px;
  margin-left: 9px;
  padding-left: 12px;
}

header .back {
  margin-left: auto;
  font-size: 12px;
}

main {
  max-width: 780px;
  margin: 0 auto;
  padding: 28px 24px 8px;
}

article {
  background: #FFFFFF;
  border: 1px solid rgba(15, 31, 64, 0.08);
  border-radius: 3px;
  padding: 36px 40px 40px;
}

h1 {
  font-family: "Raider Open Sans Bold", sans-serif;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.3px;
}

.updated {
  font-size: 12.5px;
  color: rgba(0, 0, 0, 0.55);
  margin-top: 8px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(15, 31, 64, 0.08);
}

.lead {
  font-size: 15px;
  margin-top: 22px;
}

h2 {
  font-family: "Raider Open Sans Semibold", sans-serif;
  font-size: 16px;
  letter-spacing: -0.15px;
  margin-top: 30px;
  padding-left: 10px;
  border-left: 3px solid #15803D;
}

h3 {
  font-family: "Raider Open Sans Semibold", sans-serif;
  font-size: 14px;
  margin-top: 20px;
}

p {
  margin-top: 10px;
}

ul {
  margin-top: 10px;
  padding-left: 20px;
}

li {
  margin-top: 6px;
}

dl {
  margin-top: 12px;
  border-top: 1px solid rgba(15, 31, 64, 0.08);
}

dt {
  font-family: "Raider Open Sans Semibold", sans-serif;
  padding-top: 12px;
}

dd {
  padding: 2px 0 12px;
  border-bottom: 1px solid rgba(15, 31, 64, 0.08);
  color: rgba(0, 0, 0, 0.78);
}

.callout {
  background: #F4F8F5;
  border-left: 3px solid #15803D;
  padding: 14px 16px;
  margin-top: 18px;
}

.callout p:first-child {
  margin-top: 0;
}

.page-nav {
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid rgba(15, 31, 64, 0.08);
  font-size: 13px;
}

footer.brand-footer {
  max-width: 780px;
  margin: 0 auto;
  padding: 18px 24px 40px;
  font-size: 11.5px;
  line-height: 1.6;
  letter-spacing: -0.1px;
  color: rgba(0, 0, 0, 0.48);
}

footer.brand-footer a {
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 620px) {
  article {
    padding: 24px 20px 28px;
  }

  header .header-inner,
  main,
  footer.brand-footer {
    padding-left: 16px;
    padding-right: 16px;
  }
}