/* The Privacy Policy and Terms of Service (legal.py): a readable column in the site's panel look. */
.legal{max-width:780px;margin:8px auto 28px;padding:26px 30px 30px;line-height:1.6}
.legal h1{font-size:34px}
.legal h2{margin:30px 0 8px;font-size:22px;scroll-margin-top:16px}
.legal h3{margin:18px 0 4px;font-size:17px;scroll-margin-top:16px}
.legal p, .legal li{color:var(--ink-2)}
.legal p{margin:8px 0}
.legal b{color:var(--ink)}
.legal code{font-size:.92em;padding:1px 5px;border-radius:6px;background:var(--cream-3);color:var(--ink);overflow-wrap:anywhere}
.legal a{overflow-wrap:anywhere}
.legal .updated{margin:4px 0 18px;font-weight:700;color:var(--muted)}
.legal .summary{margin:0 0 18px;padding:14px 18px 12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--wood-l)}
.legal .summary h2{margin:0 0 4px;font-size:18px}
.legal .toc{margin:0 0 6px;padding:12px 18px 10px;border-radius:14px;background:var(--cream-2);border:1.5px dashed var(--wood-l)}
.legal .toc h2{margin:0 0 4px;font-size:16px}
.legal .toc ol{margin:4px 0;padding-left:22px;columns:2;column-gap:28px}
.legal .toc li{margin:3px 0;break-inside:avoid}
.legal .table-wrap{overflow-x:auto;margin:10px 0}
.legal table{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1.5px var(--wood-l)}
.legal th, .legal td{padding:8px 12px;text-align:left;vertical-align:top;border-bottom:1.5px solid var(--cream-3)}
.legal th{font-family:var(--font-d);font-weight:600;color:var(--ink);background:var(--cream-3)}
.legal tr:last-child td{border-bottom:0}
.legal td:first-child{white-space:nowrap}
.legal td code{white-space:nowrap;overflow-wrap:normal}
.legal .back{margin-top:26px;font-weight:700}
:target{scroll-margin-top:16px}

@media (max-width: 640px){
  .legal{margin:4px 0 20px;padding:18px 16px 22px}
  .legal h1{font-size:27px}
  .legal h2{font-size:20px}
  .legal .toc ol{columns:1}
  .legal table{font-size:13.5px}
  .legal th, .legal td{padding:7px 9px}
  .legal td:first-child{white-space:normal}
}
