/* JuntaPlay legal documents: compact, readable, and scoped to this page only. */
body.legal-document{
  min-width:0;
  overflow-x:hidden;
  background:var(--bg,#f4fbfb);
  color:var(--ink,#143e4a);
}
body.legal-document .legal-page{
  width:min(920px,calc(100% - 32px));
  max-width:920px;
  min-width:0;
  margin-inline:auto;
  padding:24px 0 64px;
}
.legal-page .legal-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin:0 0 22px;
  padding:0 0 12px;
  border-bottom:1px solid var(--line,#d8e5e8);
}
.legal-page .legal-nav a{
  color:var(--teal,#087f86);
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
}
.legal-page .legal-nav a:hover,
.legal-page .legal-nav a:focus-visible,
.legal-page .legal-nav a[aria-current="page"]{
  text-decoration:underline;
  text-underline-offset:3px;
}
.legal-page h1{
  max-width:100%;
  margin:0 0 8px;
  color:var(--ink,#143e4a);
  font-size:clamp(28px,4vw,34px);
  line-height:1.15;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.legal-page .legal-meta{
  margin:0 0 16px;
  color:var(--muted,#5c7480);
  font-size:12px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.legal-page .legal-body{
  width:100%;
  min-width:0;
  margin:0;
  padding:20px 24px;
  border:1px solid var(--line,#d8e5e8);
  border-radius:14px;
  background:var(--paper,#fff);
  color:var(--ink,#143e4a);
  font-size:clamp(15px,1.6vw,16px);
  line-height:1.55;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.legal-page .notice{
  margin-top:16px;
}
body.legal-document :is(a,button):focus-visible{
  outline:3px solid currentColor;
  outline-offset:3px;
}
@media (min-width:900px){
  body.legal-document .legal-page{padding-top:32px}
  .legal-page .legal-body{padding:22px 28px}
}
@media (max-width:420px){
  body.legal-document .legal-page{width:calc(100% - 32px);padding-top:20px}
  .legal-page .legal-nav{gap:6px 14px;margin-bottom:18px}
  .legal-page .legal-body{padding:16px;font-size:15px}
}