.gamesweplayed-legal {
  color-scheme: light dark;
  --panel: var(--bg);
  overflow-wrap: anywhere;
  background: var(--bg);
}
body.gamesweplayed-legal .nav {
  flex-wrap: wrap;
  gap: 12px 24px;
  padding-block: 16px;
  flex-direction: row;
  align-items: center;
}
.gamesweplayed-legal .brand { flex-shrink: 0; }
.gamesweplayed-legal .mark { color: var(--bg); }
.gamesweplayed-legal .legal-navlinks,
.gamesweplayed-legal .legal-languages {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}
.gamesweplayed-legal .legal-navlinks { flex: 1 1 480px; }
.gamesweplayed-legal nav a { min-height: 44px; display: inline-flex; align-items: center; }
.gamesweplayed-legal [aria-current="page"] { color: var(--ink); font-weight: 700; }
.gamesweplayed-legal .topbar { position: static; background: var(--panel); }
.gamesweplayed-legal .toc { background: var(--panel); top: 24px; }
.gamesweplayed-legal .legal-mobile-contents { display: none; }
.gamesweplayed-legal .article h1 { font-size: clamp(32px, 6vw, 48px); line-height: 1.2; }
.gamesweplayed-legal .article h2 { font-size: clamp(22px, 4vw, 28px); line-height: 1.35; }
.gamesweplayed-legal .article p,
.gamesweplayed-legal .article li { color: var(--ink-soft); }
.gamesweplayed-legal .lead { margin-top: 16px; }
.gamesweplayed-legal .skip-link { position: absolute; inset: 8px auto auto 8px; transform: translateY(-150%); }
.gamesweplayed-legal .skip-link:focus { transform: none; background: var(--panel); z-index: 100; padding: 12px; }
.gamesweplayed-legal :focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
@media (prefers-color-scheme: dark) {
  .gamesweplayed-legal {
    --bg: #161a20;
    --panel: #20252d;
    --ink: #f5f6f8;
    --ink-soft: #d1d5dc;
    --muted: #b4bcc8;
    --line: #414955;
    --accent-dark: #ffad7a;
    --line-strong: #626a76;
  }
  .gamesweplayed-legal .topbar { border-color: var(--line); }
}
@media (max-width: 860px) {
  .gamesweplayed-legal .toc { display: none; }
  .gamesweplayed-legal .legal-mobile-contents { display: block; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); }
  .gamesweplayed-legal .legal-mobile-contents summary { cursor: pointer; min-height: 28px; }
  .gamesweplayed-legal .legal-mobile-contents nav { display: grid; gap: 12px; margin-top: 16px; }
  .gamesweplayed-legal .legal-mobile-contents a { min-height: 32px; }
}