/* Report-a-link page (builds on legal.css + contact.css) */
.rp-cats { grid-template-columns: repeat(2, 1fr); }
.rp-opt { font-weight: 500; color: var(--muted); font-size: .8em; }
.rp-warn > i { color: #f59e0b; background: color-mix(in srgb, #f59e0b 14%, var(--card)); }
.rp-warn { border-color: color-mix(in srgb, #f59e0b 35%, var(--border)); background: color-mix(in srgb, #f59e0b 6%, var(--card)); }
.rp-sec { margin-top: 56px; } .rp-sec h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); margin: 0 0 8px; letter-spacing: -.02em; }
.rp-sec .lg-card p { margin: 0; color: var(--muted); line-height: 1.65; } .rp-sec a { color: var(--brand-dark, var(--brand)); font-weight: 600; }
.rp-sec code { background: color-mix(in srgb, var(--brand) 12%, var(--card)); border: 1px solid color-mix(in srgb, var(--brand) 25%, var(--border)); padding: 2px 8px; border-radius: 8px; font-size: .9em; overflow-wrap: anywhere; }
.rp-steps { list-style: none; counter-reset: s; margin: 0; padding: 0; display: grid; gap: 12px; }
.rp-steps li { counter-increment: s; display: grid; grid-template-columns: 44px 1fr; column-gap: 16px; padding: 18px; border-radius: 20px; border: 1px solid var(--border); background: var(--card); }
.rp-steps li::before { content: counter(s); grid-row: 1 / 3; width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; font-weight: 800; color: #fff; background: linear-gradient(135deg, var(--brand), var(--violet, #7c4dff)); }
.rp-steps b { font-size: 1.02rem; } .rp-steps span { color: var(--muted); line-height: 1.65; margin-top: 2px; }
.rp-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; position: relative; }
.rp-flow > div { padding: 22px; border-radius: 22px; border: 1px solid var(--border); background: var(--card); box-shadow: var(--shadow); }
.rp-flow span { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; color: #fff; background: var(--brand); margin-bottom: 10px; }
.rp-flow > div:nth-child(2) span { background: #ea4335; } .rp-flow > div:nth-child(3) span { background: #1e8e3e; }
.rp-flow p { margin: 6px 0 0; color: var(--muted); line-height: 1.65; font-size: .92rem; }
@media (max-width: 760px) { .rp-flow { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .rp-cats { grid-template-columns: 1fr; } }