/* Content pages (how it works, AI briefings, security). Loaded after legal.css. */
.prose .answer { font-size: 19px; line-height: 1.6; color: var(--text); margin: 0 0 8px; }
.prose .answer strong { color: var(--text); }
.prose a { color: var(--accent); }
.page-cta { margin: 48px 0 0; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: var(--sunken); display: flex; gap: 20px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.page-cta p { margin: 0; }
.page-cta .btn { color: var(--accent-on); }
.related { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.related a { display: block; padding: 18px 20px; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; color: var(--text); background: var(--raised); }
.related a:hover { border-color: var(--accent); }
.related b { display: block; font-weight: 600; }
.related span { display: block; margin-top: 4px; font-size: 14px; color: var(--text-3); line-height: 1.45; }
@media (max-width: 720px) { .related { grid-template-columns: minmax(0, 1fr); } }