.qiaopi-statistics{--stat-ink:#183f3d;--stat-muted:#596960;--stat-line:#d4d8ca;box-sizing:border-box;min-width:0;width:100%;padding:clamp(22px,3.1vw,48px);border-left:4px solid var(--stat-ink);background:#f7f2e8;color:var(--stat-ink);text-align:left;font-family:var(--sans),sans-serif;line-height:1.5;font-variant-numeric:tabular-nums}
.qiaopi-statistics *{box-sizing:border-box}
.qiaopi-statistics .stat-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 28px;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--stat-line);background:none}
.qiaopi-statistics .stat-kicker{grid-column:1/-1;margin:0 0 8px;color:#8b602f;font-size:12px;font-weight:600;letter-spacing:.1em}
.stat-kicker span{margin-left:10px;letter-spacing:.05em}
.qiaopi-statistics .stat-header h3{margin:0;align-self:end;font-family:var(--serif),serif;font-size:clamp(27px,3vw,42px);line-height:1.12;color:var(--stat-ink);text-shadow:none}
.qiaopi-statistics .stat-subtitle{grid-column:1;grid-row:3;margin:4px 0 0;color:var(--stat-muted);font-size:14px}
.qiaopi-statistics .stat-summary{grid-column:2;grid-row:2/4;display:grid;align-content:end;text-align:right}
.stat-summary strong{font:500 clamp(31px,4vw,52px)/1.05 'Source Sans 3',Arial,sans-serif;letter-spacing:-.025em}
.stat-summary span{margin-top:8px;color:var(--stat-muted);font-size:12px}
.qiaopi-statistics .stat-insight{margin:0 0 22px;font-size:15px;color:var(--stat-ink);line-height:1.65}
.stat-chart-heading,.stat-axis{display:flex;justify-content:space-between;gap:20px;color:var(--stat-muted);font-size:12px}
.stat-chart-heading{padding-bottom:8px}
.stat-chart-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;padding:15px 0 18px;border-top:1px solid var(--stat-line)}
.stat-chart-label{font-size:16px;font-weight:500;align-self:center}
.stat-chart-value{display:flex;gap:18px;align-items:baseline;justify-content:end;white-space:nowrap;font:500 22px/1.2 'Source Sans 3',Arial,sans-serif}
.stat-chart-value small{min-width:45px;color:var(--stat-muted);font-size:15px;font-weight:400;text-align:right}
.stat-track{grid-column:1/-1;display:block;position:relative;height:16px;background:repeating-linear-gradient(to right,#d4d8ca 0,#d4d8ca 1px,transparent 1px,transparent 25%)}
.stat-track i{display:block;height:100%;background:#6b8a7a;border-radius:0;min-width:0}
.stat-chart-row:nth-child(2) .stat-track i{background:var(--stat-ink)}
.stat-axis{padding-top:2px}
.stat-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));align-items:start;gap:30px}
.qiaopi-statistics .stat-table{width:100%;border-collapse:collapse;background:transparent;color:var(--stat-ink);font-size:16px;line-height:1.45}
.stat-table caption{text-align:left;font-size:15px;font-weight:600;line-height:1.5;padding:0 0 14px;color:var(--stat-ink)}
.stat-table th,.stat-table td{padding:12px 14px;border:0;border-bottom:1px solid var(--stat-line);text-align:left;vertical-align:top}
.stat-table thead th{background:#e7eadd;color:var(--stat-muted);font-size:12px;font-weight:600}
.stat-table tbody th{font-weight:400}
.stat-table tbody tr:nth-child(even){background:#f0f1e8}
.stat-table .stat-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.stat-table tbody td{font-family:'Source Sans 3',Arial,sans-serif;font-size:19px;font-weight:500}
.stat-table tfoot th,.stat-table tfoot td{padding-top:16px;padding-bottom:16px;background:var(--stat-ink);color:#f7f2e8;font-weight:600;border:0}
.qiaopi-statistics .stat-source-note{margin:24px 0 0;padding:13px 16px;border-left:2px solid #a84f3c;background:#f0e9dc;color:#774b35;font-size:13px;line-height:1.65}
.qiaopi-statistics .stat-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--stat-line);font-size:12px;color:var(--stat-muted)}
.qiaopi-statistics .stat-footer p{margin:4px 0;font-size:12px;line-height:1.6;color:var(--stat-muted)}
.stat-footer details{margin-top:16px}
.stat-footer summary{cursor:pointer;padding:8px 0;color:var(--stat-ink);font-size:13px;font-weight:600}
.stat-footer summary:focus-visible{outline:2px solid #a84f3c;outline-offset:4px}
.qiaopi-statistics .stat-source-images{display:grid;grid-template-columns:1fr;gap:20px;padding:15px 0 0}
.qiaopi-statistics .stat-source-images figure{display:block;margin:0;padding:0;background:white}
.qiaopi-statistics .stat-source-images img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:none!important;transform:none!important}
.stat-source-images figcaption{padding:10px 14px;color:var(--stat-muted);font-size:12px}
/* Thumbnails retain the exhibition card; statistical figures use their actual colours. */
.wuyi-evidence-image img[src*="1953-"],.wuyi-evidence-image img[src*="world-americas-tables"],.wuyi-evidence-image img[src*="world-asia-table"],.wuyi-evidence-image img[src*="world-oceania-europe-tables"]{filter:none!important}
.has-statistics .qiaopi-statistics{max-width:1100px;margin:0 auto}
.has-statistics figure:has(>.qiaopi-statistics){padding:0!important;background:#f7f2e8!important;min-width:0}
.has-statistics .qiaopi-statistics img[hidden],.has-statistics figure>img[hidden]{display:none!important}
.wuyi-record-dialog.has-statistics[open]{grid-template-columns:minmax(0,1fr)!important;width:min(1120px,calc(100vw - 28px))}
.has-statistics .wuyi-record-dialog-copy{padding:24px 32px}
@media(max-width:600px){.qiaopi-statistics .stat-header{grid-template-columns:1fr;gap:10px}.qiaopi-statistics .stat-header h3{font-size:30px}.qiaopi-statistics .stat-subtitle{grid-row:auto}.qiaopi-statistics .stat-summary{grid-column:1;grid-row:auto;text-align:left;margin-top:14px}.stat-summary strong{font-size:45px}.stat-summary span{margin-top:4px}.stat-table th,.stat-table td{padding:11px 10px}.stat-chart-value{font-size:21px;gap:12px}.stat-tables{gap:28px}.qiaopi-statistics .stat-header{margin-bottom:20px}.has-statistics .wuyi-record-dialog-copy{padding:22px}}

.chapter-record-row:has(.qiaopi-statistics),.chapter-reading-row:has(.qiaopi-statistics){grid-template-columns:minmax(0,1fr);gap:26px}
.chapter-record-row:has(.qiaopi-statistics)>figure,.chapter-reading-row:has(.qiaopi-statistics)>div:first-child{position:static}
