/* the privacy, terms, support and credits pages, on top of how.css */
.legal .legalnav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.legal .legalnav .back{margin:0}
.legal .legalnav span{display:flex;gap:14px}
.legal .legalnav span a{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);text-decoration:none}
.legal .legalnav span a:hover,.legal .legalnav span a:focus-visible{color:var(--ink);text-decoration:underline}
.legal .date{font-family:"IBM Plex Mono",monospace;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:-18px 0 24px}
.legal section ul{margin:0 0 12px;padding-left:20px;max-width:46ch}
.legal section li{margin-bottom:8px}
.legal section a{color:var(--ink)}