/* Shared styling for the Player Nation / F2P Star legal pages.
   Same folder is deployed to both Pages projects, so these pages exist on
   lp.player-nation.com AND lp.f2pstar.com. Keep it self-contained: no webfont,
   no CDN, no third-party request — a legal page must render even when a visitor
   blocks everything. */
*{box-sizing:border-box}
body{
  margin:0;
  background:#0d1117;
  color:#c9d1d9;
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 72px}
header.top{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
  padding-bottom:20px;margin-bottom:28px;
  border-bottom:1px solid #21262d;
}
.brand{font-weight:700;letter-spacing:.02em;color:#e6edf3;font-size:15px}
.langs{display:flex;gap:6px}
.langs button{
  background:#161b22;color:#8b949e;border:1px solid #30363d;
  border-radius:6px;padding:5px 11px;font:inherit;font-size:13px;cursor:pointer;
}
.langs button:hover{color:#e6edf3;border-color:#484f58}
.langs button[aria-current="true"]{background:#1f6feb;border-color:#1f6feb;color:#fff}
/* "Cookie settings" — only unhidden by /_c/consent.js, i.e. on lp.player-nation.com */
.consent-btn{
  background:#161b22;color:#e6edf3;border:1px solid #30363d;border-radius:6px;
  padding:10px 16px;min-height:44px;font:inherit;font-size:14px;cursor:pointer;
}
.consent-btn:hover{border-color:#484f58}
h1{font-size:27px;line-height:1.25;margin:0 0 6px;color:#e6edf3}
h2{font-size:19px;line-height:1.3;margin:34px 0 10px;color:#e6edf3}
h3{font-size:16px;margin:22px 0 6px;color:#e6edf3}
p,li{margin:0 0 12px}
ul{padding-left:22px}
a{color:#58a6ff}
a:hover{color:#79c0ff}
.updated{color:#8b949e;font-size:13.5px;margin:0 0 28px}
.addr{
  background:#161b22;border:1px solid #21262d;border-radius:8px;
  padding:16px 18px;margin:0 0 18px;line-height:1.75;
}
.addr strong{color:#e6edf3}
/* Wide tables must scroll inside their own box — the page body never scrolls sideways. */
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 18px}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}
th,td{border:1px solid #21262d;padding:9px 11px;text-align:left;vertical-align:top}
th{background:#161b22;color:#e6edf3;font-weight:600}
td code{
  background:#161b22;border:1px solid #21262d;border-radius:4px;
  padding:1px 5px;font-size:13px;color:#e6edf3;
}
footer.bottom{
  margin-top:48px;padding-top:20px;border-top:1px solid #21262d;
  display:flex;gap:18px;flex-wrap:wrap;font-size:14px;
}
footer.bottom a{color:#8b949e;text-decoration:none}
footer.bottom a:hover{color:#c9d1d9;text-decoration:underline}
[hidden]{display:none!important}
@media (max-width:520px){
  .wrap{padding:24px 16px 56px}
  h1{font-size:23px}
}