/* The legal pages: the home page's header, footer and type (site.css), with a narrow reading column. */
main.legal{padding:128px 0 90px;background:radial-gradient(900px 420px at 80% -10%,#efeaff 0,rgba(239,234,255,0) 60%)}
main.legal .wrap{max-width:780px}
main.legal h1{font-size:clamp(34px,5vw,52px);margin:14px 0 12px}
main.legal h2{font-size:24px;line-height:1.25;margin:38px 0 8px;letter-spacing:-.01em}
main.legal p,main.legal li{color:var(--ink);line-height:1.65}
main.legal ul{padding-left:22px;margin:8px 0}
main.legal li{margin:5px 0}
main.legal a{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
main.legal .lede{color:var(--muted);font-size:19px;max-width:44ch;margin:0 0 6px}
main.legal .stamp{color:var(--faint);font-size:14.5px;margin:0 0 18px}
main.legal .note{margin:26px 0;padding:16px 18px;border:1px solid var(--line);border-left:3px solid var(--lilac);border-radius:14px;background:#fff;color:var(--muted);font-size:15.5px}
main.legal .cards{display:grid;gap:14px;margin:28px 0}
main.legal .cards a{display:block;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:border-color .2s,transform .2s}
main.legal .cards a:hover{border-color:var(--lilac-l);transform:translateY(-2px)}
main.legal .cards a b{display:block;font-size:19px;font-weight:600}
main.legal .cards a span{color:var(--muted);font-size:16px}

/* Wider pages (pricing, developers), tables, code, ticks and the proof cards. */
main.wide .wrap{max-width:980px}
main.legal h3{font-size:19px;margin:26px 0 6px;letter-spacing:-.01em}
main.legal code{font:500 .88em "IBM Plex Mono",ui-monospace,monospace;background:var(--wash2);color:var(--deep);padding:2px 7px;border-radius:7px}
main.legal pre.code{margin:14px 0;white-space:pre;overflow-x:auto;font-size:13.5px;line-height:1.7}
main.legal pre.code code{background:none;color:inherit;padding:0;font-size:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tblwrap{overflow-x:auto;margin:26px 0 4px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow)}
.tbl{width:100%;border-collapse:collapse;font-size:16.5px}
.tbl th,.tbl td{padding:15px 20px;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.tbl thead th{border-top:0;font-size:19px;font-weight:600;background:var(--wash)}
.tbl tbody th{font-weight:500;color:var(--muted);width:30%}
.tbl.left tbody th{width:34%;color:var(--ink)}
.tbl.left tbody tr:first-child th,.tbl.left tbody tr:first-child td{border-top:0}
.tbl td{font-weight:600}
.tbl.left td{font-weight:400;color:var(--muted)}
ul.ticks{list-style:none;padding:0;display:grid;gap:12px;margin:14px 0}
ul.ticks li{display:flex;gap:12px;align-items:flex-start;margin:0}
ul.ticks svg{width:20px;height:20px;color:var(--lilac-d);flex:none;margin-top:3px}
@media (max-width:640px){.tbl th,.tbl td{padding:12px 14px}}