/* No palette here. These pages carry class="ps-shell" and link /tokens.css,
   so they take the platform's colours and follow the player's theme like every
   other surface. This block used to be a private copy of Sojourner's dark
   palette, which is why the platform's own legal pages rendered black. */
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--fg); font-family:var(--f-body);
  font-size:16px; line-height:1.68; -webkit-font-smoothing:antialiased}
.wrap{max-width:680px; margin:0 auto; padding:0 22px}
header{padding:48px 0 26px; border-bottom:1px solid var(--line)}
.brandline{font-family:var(--f-mono); font-size:11.5px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--accent)}
h1{font-family:var(--f-disp); font-weight:600; font-size:clamp(30px,6vw,44px);
  line-height:1.05; letter-spacing:-.015em; margin:12px 0 10px; text-wrap:balance}
.sub{color:var(--fg-2); font-size:15px}
.eff{font-family:var(--f-mono); font-size:12px; color:var(--fg-3); margin-top:14px}
main{padding:10px 0 60px}
section{padding:30px 0; border-bottom:1px solid var(--line)}
section:last-of-type{border-bottom:0}
h2{font-family:var(--f-disp); font-weight:600; font-size:22px; letter-spacing:-.01em;
  margin:0 0 12px; text-wrap:balance}
p{margin:0 0 13px; color:var(--fg-2)}
p:last-child{margin-bottom:0}
strong{color:var(--fg); font-weight:600}
ul{margin:0 0 13px; padding-left:20px; color:var(--fg-2)}
li{margin:7px 0}
a{color:var(--good); text-decoration:none; border-bottom:1px solid rgba(89,185,164,.35)}
a:hover{border-bottom-color:var(--good)}
a:focus-visible{outline:2px solid var(--accent); outline-offset:3px}
.fill{color:var(--accent); border-bottom:1px dashed rgba(224,164,74,.6)}
footer{padding:0 0 70px}
footer p{font-family:var(--f-mono); font-size:12px; color:var(--fg-3)}
.back{display:inline-block; font-family:var(--f-mono); font-size:12.5px; margin-top:8px}
@media (max-width:600px){ header{padding:34px 0 20px} section{padding:24px 0} }

/* ---- platform pages only -------------------------------------------------
   Sojourner inlines this file into two standalone pages at build time. The
   platform pages link it instead, and add one thing the game pages do not
   need: a nav across the three of them. */
.pagenav{font-family:var(--f-mono); font-size:12.5px; margin-top:18px;
  display:flex; flex-wrap:wrap; gap:14px; align-items:center}
.pagenav a{color:var(--fg-2); border-bottom-color:rgba(195,185,173,.28)}
.pagenav a:hover{color:var(--fg); border-bottom-color:var(--fg)}
.pagenav a[aria-current="page"]{color:var(--accent); border-bottom-color:var(--accent)}
.games{display:flex; flex-wrap:wrap; gap:10px; margin:16px 0 0}
.games a{font-family:var(--f-mono); font-size:13px; padding:9px 14px;
  border:1px solid var(--line); border-radius:9px; color:var(--fg);
  border-bottom:1px solid var(--line)}
.games a:hover{border-color:var(--accent); color:var(--accent)}
.lede{color:var(--fg); font-size:17px}
code{font-family:var(--f-mono); font-size:.88em; color:var(--fg);
  background:var(--bg-raise); border:1px solid var(--line); border-radius:5px; padding:1px 5px}
em{color:var(--fg)}