.percentage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid #dde0e4;border-radius:10px;margin:20px 0}.percentage-kpis article{padding:24px;border-right:1px solid #e6e8eb}.percentage-kpis article:last-child{border:0}.percentage-kpis span{display:block;color:#626976;font-size:13px}.percentage-kpis strong{display:block;margin-top:12px;font-size:32px;font-variant-numeric:tabular-nums}.percentage-kpis article:first-child strong{color:#c9182b}.percentage-note{margin-left:auto;color:#626976;font-size:13px}.percentage-explain{padding:18px 22px;border-top:1px solid #e6e8eb;font-size:12px;line-height:1.8;color:#626976}.percentage-mode{display:flex;gap:8px;margin:14px 0}.percentage-mode button.active{border-color:#c9182b;color:#c9182b;background:#fff5f6}.percentage-mode button{padding:9px 14px}.percentage-kpis~.panel th,.percentage-kpis~.panel td{padding:18px 20px;text-align:right}.percentage-kpis~.panel th:first-child{text-align:left}@media(max-width:1100px){.percentage-kpis article{padding:20px 16px}.percentage-kpis strong{font-size:27px}}

/* Six percentage columns fit the supported 1024px desktop without an overlay scroll bar. */
.percentage-panel table{width:100%;min-width:0;table-layout:fixed}.percentage-panel th,.percentage-panel td{white-space:normal;overflow-wrap:normal;padding:16px 12px!important}.percentage-panel th:first-child,.percentage-panel td:first-child{width:74px;min-width:74px}.percentage-panel th{font-size:12px;line-height:1.65}.percentage-panel td{font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:1100px){.percentage-panel th,.percentage-panel td{padding:15px 8px!important}}