/* Shared shell for the Terms and Privacy pages. They are plain documents, not
   app views, so they get their own stylesheet rather than dragging the whole
   app bundle in to render a page of text. */
.legal{max-width:760px;margin:0 auto;padding:34px 22px 80px}
.legal-top{display:flex;align-items:center;gap:10px;margin-bottom:26px}
.legal-top a{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:650}
.legal-top img{width:26px;height:26px}
.legal h1{font-size:27px;letter-spacing:-.02em;margin:0 0 6px}
.legal .updated{color:var(--ink-2);font-size:13px;margin:0 0 26px}
.legal h2{font-size:17px;letter-spacing:-.01em;margin:32px 0 8px}
.legal h2 .n{color:var(--ink-2);font-weight:500;margin-right:8px}
.legal p,.legal li{font-size:14.5px;line-height:1.65;color:var(--ink-2)}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 12px;padding-left:20px}
.legal li{margin-bottom:6px}
.legal strong{color:var(--ink);font-weight:620}
.legal a{color:var(--brand-1)}
.legal .callout{border:1px solid var(--line);background:var(--panel);border-radius:14px;
  padding:16px 18px;margin:0 0 22px}
.legal .callout p:last-child{margin-bottom:0}
.legal .draft{border-color:color-mix(in srgb,var(--maybe) 45%,var(--line));
  background:linear-gradient(165deg,var(--maybe-bg),var(--panel) 82%)}
.legal-foot{margin-top:46px;padding-top:20px;border-top:1px solid var(--line);
  display:flex;gap:16px;flex-wrap:wrap;font-size:13px}
.legal-foot a{color:var(--ink-2)}