.lead { color: var(--text-2); max-width: 64ch; line-height: 1.55; }
.cr-input { font-family: var(--mono); font-size: 1.05rem; max-width: 360px; margin: 16px 0 6px; }
.cr-err { color: var(--bad); font-size: .85rem; font-weight: 600; }
.cr-desc { font-size: 1.05rem; margin: 8px 0 20px; }

.cr-runs-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.cr-runs-head h2 { margin: 0; font-size: 1.05rem; }
.cr-narrow { max-width: 110px; }
.cr-list { margin: 10px 0 0; padding-left: 20px; display: grid; gap: 4px; }
.cr-list code { font-family: var(--mono); font-size: .84rem; cursor: pointer; }
.cr-list span { margin-left: 8px; font-size: .8rem; }

.cr-h { margin: 26px 0 10px; font-size: 1rem; }
.cr-ex { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.cr-ex button { border: 1px solid var(--line-2); border-radius: 7px; background: var(--surface); padding: 5px 10px; cursor: pointer; }
.cr-ex button:hover { border-color: var(--accent-2); }
.cr-ex code { font-family: var(--mono); font-size: .82rem; }
.cr-ex span { margin-left: 8px; font-size: .82rem; color: var(--text-2); }