/* Layout for the standalone legal pages (mentions légales, privacy, terms).
   Loaded alongside styles.css/fonts.css so these pages share the same paper
   texture, palette, and dark-mode behaviour as the game, without pulling in
   any of the board/modal rules that don't apply here. */

.legal{
  max-width:720px;
  margin:0 auto;
  padding:40px 20px 64px;
}

.legal a.back{
  display:inline-block;
  margin-bottom:28px;
  font-size:0.85rem;
  color:var(--ink-soft);
}

.legal h1{
  font-family:'Fraunces',Georgia,serif;
  font-weight:600;
  font-size:1.7rem;
  margin:0 0 6px;
}

.legal .updated{
  font-size:0.8rem;
  color:var(--ink-soft);
  margin:0 0 32px;
}

.legal section{margin-bottom:32px;}

.legal section + section{
  border-top:1px solid var(--line);
  padding-top:28px;
}

.legal h2{
  font-family:'Fraunces',Georgia,serif;
  font-weight:600;
  font-size:1.2rem;
  margin:0 0 12px;
}

.legal h3{
  font-family:'IBM Plex Sans',sans-serif;
  font-weight:600;
  font-size:0.95rem;
  margin:18px 0 6px;
}

.legal p, .legal li{
  font-size:0.92rem;
  line-height:1.6;
  color:var(--ink);
}

.legal ul{margin:0 0 12px;padding-left:22px;}

.legal a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;}

.legal .lang{
  display:inline-block;
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:0.68rem;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--ink-soft);
  background:var(--card);
  border:1px solid var(--line);
  border-radius:4px;
  padding:2px 8px;
  margin:0 0 16px;
}

.legal address{font-style:normal;}