/* The studio's privacy policy and terms: plain, readable pages in the studio shell. */

.legal { padding: 120px 0 80px; }
.legal article { max-width: 780px; margin: 0 auto; }
.legal [data-lang][hidden] { display: none; }
.legal h1 { font-size: clamp(32px, 5vw, 46px); line-height: 1.1; margin: 10px 0 6px; }
.legal .updated { color: var(--muted); font-size: 15px; margin: 0 0 26px; }
.legal h2 { font-size: 22px; margin: 40px 0 10px; }
.legal h3 { font-size: 18px; margin: 26px 0 8px; color: var(--cyan); }
.legal p, .legal li { color: #d6d1f5; line-height: 1.7; }
.legal ul { padding-left: 22px; }
.legal li { margin: 6px 0; }
.legal table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 10px 0; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid var(--line); }
.legal th { color: var(--muted); font-weight: 600; }

/* "Which games": quick links to each game's section. */
.legal .games-list { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; list-style: none; margin: 14px 0 0; }
.legal .games-list a {
  display: inline-block; padding: 8px 14px; border-radius: 999px; font-weight: 700; color: var(--text);
  background: var(--panel); border: 1px solid var(--line);
}
.legal .games-list a:hover { border-color: var(--cyan); text-decoration: none; }

/* Each game's own part. */
.legal .game-part {
  margin-top: 44px; padding: 26px 26px 10px; border-radius: 22px; scroll-margin-top: 90px;
  background: var(--panel); border: 1px solid var(--line);
}
.legal .game-part h2 { margin-top: 0; }
.legal .game-part:target { border-color: var(--cyan); box-shadow: 0 0 0 1px var(--cyan), 0 20px 60px -30px rgba(34, 243, 255, 0.6); }
.legal .toc { color: var(--muted); font-size: 15px; }