* { box-sizing: border-box; }

.cr-wrap { max-width: 760px; margin: 0 auto; padding: clamp(32px, 6vw, 56px) 20px 80px; }

.cr-eyebrow { font-family: var(--font-mono); font-size: 12px; letter-spacing: .12em; color: var(--color-button-bg); }
.cr-title { margin: 10px 0 16px; font-family: var(--font-display); font-weight: var(--font-weight-medium); font-size: var(--text-h1-size-mobile); line-height: var(--text-h1-line-height-mobile); }
@media (min-width: 720px) { .cr-title { font-size: var(--text-h1-size); line-height: var(--text-h1-line-height); } }
.cr-intro { margin: 0 0 32px; font-family: var(--font-body); font-size: var(--text-body-size-mobile); line-height: 1.6; color: var(--color-text-muted); }

.cr-section { display: flex; gap: var(--space-16); padding: 22px 0; border-top: 1px solid var(--color-border); }
.cr-section:first-child { border-top: none; }
.cr-section-num { flex: none; width: 40px; font-family: var(--font-mono); font-size: 13px; color: var(--color-text-muted); padding-top: 2px; }
.cr-section-title { margin: 0 0 8px; font-family: var(--font-display); font-weight: var(--font-weight-medium); font-size: 19px; }
.cr-section-text { margin: 0 0 8px; font-family: var(--font-body); font-size: var(--text-body-size-mobile); line-height: 1.6; color: var(--color-text-muted); }
.cr-section-text:last-child { margin-bottom: 0; }

.cr-help-card { margin-top: 32px; padding: clamp(18px, 3vw, 24px); border-radius: var(--radius-surface); background: var(--color-surface); border: 1px solid var(--color-border); }
.cr-help-title { font-family: var(--font-body); font-weight: var(--font-weight-bold); font-size: var(--text-caption-size); margin-bottom: 6px; }
.cr-help-text { margin: 0; font-family: var(--font-body); font-size: var(--text-caption-size); line-height: 1.6; color: var(--color-text-muted); }
.cr-help-text a { color: var(--color-button-bg); text-decoration: none; }
.cr-help-text a:hover { text-decoration: underline; }

.cr-footer-links { margin-top: 32px; display: flex; gap: var(--space-16); flex-wrap: wrap; }
.cr-footer-link { font-family: var(--font-body); font-weight: var(--font-weight-semibold); font-size: var(--text-caption-size); color: var(--color-text); text-decoration: none; }
.cr-footer-link:hover { color: var(--color-button-bg); }
.cr-footer-link-btn { background: none; border: none; padding: 0; cursor: pointer; }