/* yourmockup.cc — the legal pages (drafts) */
.legal { max-width: 760px; gap: 18px; padding-top: 8px; }
.legal h1 { margin: 0; font-size: 28px; letter-spacing: -.02em; }
.legal h2 { margin: 18px 0 4px; font-size: 18px; }
.legal p, .legal li { line-height: 1.6; }
.legal ul { padding-left: 20px; margin: 4px 0; }
.draft { background: var(--accent-soft); border: 1px solid var(--accent); border-radius: var(--radius-s); padding: 10px 14px; font-weight: 700; font-size: 14px; }
.ph { background: #fff1a8; color: #3b3000; padding: 0 4px; border-radius: 4px; font-weight: 700; }
:root[data-theme="dark"] .ph { background: #5a4b00; color: #fff6c7; }
.legal section + section { border-top: 1px solid var(--rule); padding-top: 18px; }
.legal .back { font-size: 14px; }