/* Terms and Privacy: one readable column on the landing page's tokens. */
.mono-legal .mh-main { max-width: 768px; padding-top: 128px; padding-bottom: 64px; }
.mono-legal article { font-size: 16px; line-height: 1.65; color: var(--secondary); }
.mono-legal h1 { font-size: clamp(34px, 6vw, 48px); line-height: 1.1; letter-spacing: -.035em; font-weight: 750; margin: 0; color: var(--text); }
.mono-legal .legal-date { font-size: 13px; margin: 12px 0 0; }
.mono-legal .legal-lead { font-size: 18px; line-height: 1.6; margin: 24px 0 0; color: var(--text); }
.mono-legal h2 { font-size: 21px; line-height: 1.3; letter-spacing: -.015em; font-weight: 650; margin: 40px 0 0; color: var(--text); }
.mono-legal p { margin: 12px 0 0; }
.mono-legal ul { margin: 12px 0 0; padding-left: 20px; list-style: disc; }
.mono-legal li { margin-top: 8px; }
.mono-legal strong { font-weight: 600; color: var(--text); }
.mono-legal code { font-size: .92em; padding: 1px 6px; border-radius: 6px; background: var(--surface); color: var(--text); }
.mono-legal article a { color: var(--text); text-decoration: underline; text-underline-offset: 2px; }
.mono-legal .legal-table { margin-top: 16px; overflow-x: auto; border: .5px solid var(--border); border-radius: 16px; background: var(--surface); }
.mono-legal table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 14px; line-height: 1.5; }
.mono-legal th { text-align: left; font-weight: 600; color: var(--text); padding: 12px 16px; }
.mono-legal td { vertical-align: top; padding: 12px 16px; border-top: .5px solid var(--border); }
.mono-legal td:first-child { color: var(--text); font-weight: 500; }
.mono-legal .mh-footer { margin-top: 0; }
@media (max-width: 720px) {
  .mono-legal .mh-main { padding: 96px 16px 48px; }
  .mono-legal .mh-footer { margin: 0 16px; }
  .mono-legal table { min-width: 0; }
  .mono-legal thead { display: none; }
  .mono-legal tr, .mono-legal td { display: block; }
  .mono-legal tbody tr + tr { border-top: .5px solid var(--border); }
  .mono-legal td { border-top: 0; padding: 0 16px 8px; }
  .mono-legal td:first-child { padding-top: 12px; }
  .mono-legal td:last-child { padding-bottom: 12px; }
  .mono-legal td:nth-child(2)::before { content: "When: "; font-weight: 600; }
  .mono-legal td:nth-child(3)::before { content: "How long: "; font-weight: 600; }
}