/* Text pages for parents: privacy policy, terms of use. Readable column, no game chrome. */
.legal{max-width:760px;margin:0 auto;width:100%}
.legal .card{padding:clamp(20px,4vw,40px);-webkit-user-select:text;user-select:text}
.legal h1{margin:0 0 4px;font-weight:900;font-size:clamp(28px,5vw,38px);line-height:1.15;text-wrap:balance}
.legal .meta{margin:0 0 24px;color:var(--muted);font-size:15px}
.legal h2{margin:28px 0 8px;font-weight:900;font-size:21px;line-height:1.25;text-wrap:balance}
.legal p,.legal li{font-size:17px;line-height:1.6;font-weight:700;color:var(--ink);max-width:66ch}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 12px;padding-left:22px}
.legal li{margin-bottom:6px}
.legal a{color:var(--ocean-d)}
.legal table{border-collapse:collapse;width:100%;font-size:15px;margin:4px 0 14px}
.legal .tbl{overflow-x:auto}
.legal th,.legal td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:2px solid var(--line);font-weight:700}
.legal th{font-weight:900;background:var(--chip)}
.legal code{font-size:.92em;background:var(--chip);padding:1px 6px;border-radius:6px}
/* details the site owner still has to fill in */
.todo{background:#FFF0B3;border-radius:6px;padding:0 5px;box-shadow:inset 0 -2px 0 var(--sun-d)}
.legal-nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}