/* /claim page: page intro + spacing around the shared claim widget (claim.css) */
.claim-page .cp-sec { padding-top: 56px; }
.cp-intro { display: grid; grid-template-columns: 1.4fr .8fr; gap: 40px; align-items: end; margin-bottom: 36px; }
.cp-intro .h-1 { margin: 16px 0 16px; }
.cp-intro .h-1 .soft { color: var(--muted); }
.cp-intro .lead { max-width: 600px; }
.cp-side { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.cp-steps { list-style: none; margin: 0; padding: 0; width: 100%; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; }
.cp-steps li { display: flex; gap: 14px; align-items: center; padding: 11px 16px; font-size: 14px; color: var(--text-2); border-top: 1px solid var(--line); }
.cp-steps li:first-child { border-top: 0; }
.cp-steps b { font: 500 11.5px/1 var(--mono); color: var(--ember); letter-spacing: .08em; }
.cp-faq { padding-top: 40px; }
.cp-faq-in { display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px; align-items: start; }
.cp-faq .h-2 { margin: 14px 0 12px; }
.cp-link { color: var(--ember-2); }
.cp-link:hover { color: var(--ember); }
@media (max-width: 860px) { .cp-intro, .cp-faq-in { grid-template-columns: 1fr; gap: 24px; } .claim-page .cp-sec { padding-top: 32px; } }