/* 2.96.0: Learn from calls (call-learn.js): the short list of issues with their quotes, a new run, the runs */
.cl-page { display: grid; gap: 14px; }
.cl-off { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.cl-tabs { max-width: 320px; }
.cl-issues { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; counter-reset: cl; }
.cl-issue { counter-increment: cl; display: grid; gap: 8px; }
.cl-issue-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
.cl-issue-head::before { content: counter(cl) '.'; color: var(--muted, #6b7785); font-variant-numeric: tabular-nums; }
.cl-issue-title { font-weight: 600; font-size: 15px; flex: 1 1 260px; min-width: 0; overflow-wrap: anywhere; }
.cl-count { white-space: nowrap; font-variant-numeric: tabular-nums; }
.cl-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.cl-quotes { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.cl-quotes blockquote { margin: 0 0 2px; padding: 6px 10px; border-inline-start: 3px solid var(--line, #dde3ea); background: var(--card, #f6f9fc); border-radius: 6px; overflow-wrap: anywhere; unicode-bidi: plaintext; }
.cl-foot a { white-space: nowrap; }
.cl-new { display: grid; gap: 10px; }
.cl-form { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: flex-end; }
.cl-form .field { min-width: 160px; }
.cl-map-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 6px 12px; }
.cl-dry h3 { margin: 0 0 6px; }
.cl-dry-table { max-width: 520px; }
.cl-dry-table th { font-weight: 400; text-align: start; }
.cl-dry-table .cl-strong th, .cl-dry-table .cl-strong td { font-weight: 700; }
.cl-jobs { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.cl-job { display: grid; gap: 6px; }
.cl-job p { margin: 0; }
.cl-job-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.cl-bar { height: 6px; border-radius: 3px; background: var(--line, #dde3ea); overflow: hidden; }
.cl-bar > span { display: block; height: 100%; background: var(--accent, #2f6fde); transition: width .3s; }
.cl-note { color: color-mix(in srgb, var(--wait, #c98a00) 75%, var(--ink, currentColor)); }
@media (max-width: 600px) { .cl-form .field { min-width: 0; flex: 1 1 100%; } }