/* rentbloque.com — /privacy and /terms (generated by build.mjs from PRIVACY.md / TERMS.md).
   Loaded after site.css, which owns the .prose rhythm (h2, p, ul, b). Only the page head and the
   white paper's padding live here. No home.css, no motion. */
.legal-head { padding: var(--s8) 0 var(--s6); }
@media (min-width: 768px) { .legal-head { padding: var(--s9) 0 var(--s7); } }
.legal-head .sub { color: var(--ink2); font-size: 15px; margin-top: var(--s4); max-width: 60ch; }
.legal-body { padding: 0 0 var(--s9); }
.legal-body .wrap { max-width: 860px; }
.prose.card { padding: var(--s6) var(--s5) var(--s7); }
@media (min-width: 768px) { .prose.card { padding: var(--s8) var(--s8) var(--s8); } }
.prose h2 { font-size: 24px; font-weight: 400; margin-top: var(--s7); }
.prose h2::before { content: ""; display: inline-block; width: 10px; height: 10px; background: var(--mint); margin-right: 12px; vertical-align: 3px; }
.prose p, .prose li { font-size: 16px; }
.prose .contact { margin-top: var(--s7); padding-top: var(--s5); border-top: 1px solid var(--hair); font-size: 15px; }
.prose .contact a { font-weight: 600; }