/* Cold calling report: stat tiles and charts. Layout, tables and questions come from calling-laws.css. */
.cr{--cr-conv:#1d6b40;--cr-short:#2a78d6;--cr-line:#e6e8e5;--cr-muted:#59625e;--cr-ink:#171d2d}
.cr h3{margin:28px 0 12px;font-size:17px;font-weight:650}
.cr section>p{max-width:760px}
.cr-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 20px}
.cr-tiles div{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:20px;border:1px solid var(--cr-line);border-radius:12px}
.cr-tiles dt{margin-top:6px;color:var(--cr-muted);font-size:14px;line-height:1.45}
.cr-tiles dd{margin:0;font-size:34px;font-weight:650;line-height:1.1;letter-spacing:-.03em}
.cr-figure{margin:24px 0 0;padding:20px;border:1px solid var(--cr-line);border-radius:12px}
.cr-figure figcaption{font-size:15px;font-weight:650;line-height:1.4;text-align:left}
.cr-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;list-style:none;color:var(--cr-muted);font-size:13px}
.cr-legend li{display:flex;align-items:center;gap:7px}
.cr-key{width:12px;height:12px;border-radius:3px;background:var(--cr-conv)}
.cr-key--short{background:var(--cr-short)}
.cr-plot{position:relative;height:240px;margin:26px 0 28px 34px}
.cr-tick{position:absolute;left:0;right:0;border-top:1px solid var(--cr-line)}
.cr-tick i{position:absolute;right:calc(100% + 8px);top:-9px;color:var(--cr-muted);font-size:12px;font-style:normal;white-space:nowrap}
.cr-cols{position:absolute;inset:0;display:flex;align-items:flex-end;margin:0;padding:0;list-style:none}
.cr-col{position:relative;flex:1;display:flex;justify-content:center;align-items:flex-end;height:100%;outline-offset:2px}
.cr-stack{position:relative;display:flex;flex-direction:column;gap:2px;width:min(24px,72%)}
.cr-seg{background:var(--cr-conv)}
.cr-seg--short{background:var(--cr-short);border-radius:4px 4px 0 0}
.cr-cap{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);color:var(--cr-ink);font-size:12px;font-weight:650;white-space:nowrap}
.cr-x{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);color:var(--cr-muted);font-size:12px;white-space:nowrap}
.cr-col:hover .cr-stack,.cr-col:focus-visible .cr-stack,.cr-bars li:hover .cr-bar-fill,.cr-bars li:focus-visible .cr-bar-fill{filter:brightness(1.15)}
.cr-tip{position:absolute;z-index:2;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);display:none;padding:8px 10px;border-radius:8px;background:var(--cr-ink);color:#fff;font-size:12px;line-height:1.5;white-space:nowrap;pointer-events:none}
.cr-tip b{font-weight:650}
.cr-col:hover .cr-tip,.cr-col:focus-visible .cr-tip,.cr-bars li:hover .cr-tip,.cr-bars li:focus-visible .cr-tip{display:block}
.cr-col:nth-child(-n+2) .cr-tip{left:0;transform:none}
.cr-col:nth-last-child(-n+2) .cr-tip{left:auto;right:0;transform:none}
.cr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cr-bars{margin:16px 0 0;padding:0;list-style:none}
.cr-bars li{position:relative;display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:10px;padding:5px 0;font-size:14px;outline-offset:2px}
.cr-bar-label{color:var(--cr-muted);line-height:1.3}
.cr-bar-track{display:flex;align-items:center;gap:8px}
.cr-bar-fill{height:16px;border-radius:0 4px 4px 0;background:var(--cr-conv)}
.cr-bar-value{font-weight:650}
.cr-bars .cr-tip{bottom:calc(100% - 2px);left:128px;transform:none}
.cr-data{margin:16px 0 0}
.cr-data summary{cursor:pointer;color:var(--cr-conv);font-size:15px;font-weight:650}
.cr-data .cl-table-wrap{margin-top:12px}
.cr-note{color:var(--cr-muted);font-size:14px}
@media(max-width:800px){.cr-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-pair{grid-template-columns:1fr}}
@media(max-width:600px){.cr-tiles{gap:10px}.cr-tiles div{padding:14px}.cr-tiles dd{font-size:28px}.cr-figure{padding:14px}.cr-plot{height:200px;margin-left:30px}.cr-x--minor{display:none}.cr-bars li{grid-template-columns:92px minmax(0,1fr)}.cr-bars .cr-tip{left:0}}