.cr-wrap { padding: clamp(24px, 4vw, 48px) 0 clamp(56px, 7vw, 96px); }
.cr-bar input { width: 100%; max-width: 640px; padding: 16px 20px; border: 1px solid var(--line); border-radius: 16px; font: inherit; font-size: 17px; background: var(--paper); color: var(--ink); }
.cr-hint { color: var(--muted); margin-top: 18px; }
.cr-s { margin-top: 28px; max-width: 760px; }
.cr-s h2 { font-size: 22px; margin-bottom: 10px; }
.cr-s h2 small { font-size: 13px; color: var(--muted); font-weight: 600; margin-left: 6px; }
.cr-i { display: grid; gap: 3px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); margin-bottom: 8px; }
.cr-i:hover { border-color: var(--em); }
.cr-i b { color: var(--em-d); }
.cr-i span { color: var(--muted); font-size: 14.5px; }
.cr-h { border: 1px solid var(--line); border-radius: 16px; background: var(--paper); padding: 14px 16px; margin-bottom: 8px; }
.cr-h p { margin: 0 0 8px; font-size: 15px; line-height: 1.6; }
.cr-hb { border: 1px solid var(--line); background: var(--paper); border-radius: 99px; padding: 6px 14px; font-weight: 600; font-size: 13.5px; color: var(--em); }
.cr-hd { margin-top: 12px; }
.cr-ar { font-family: 'Amiri', serif; font-size: 26px; line-height: 2; text-align: right; }
.cr-src { color: var(--em-d); font-size: 13.5px; font-weight: 600; }
.cr-w { color: #7a5b12; background: #fbf3df; padding: 10px 12px; border-radius: 12px; }
.cr-more { color: var(--muted); font-size: 14px; }