body[data-page="ppi-cpi"] main{background:#f5f6f5;color:#26352e}
body[data-page="ppi-cpi"] .tool-heading,body[data-page="ppi-cpi"] .ppi-tool{width:calc(100% - 64px);max-width:1800px}
.tool-heading{padding-top:38px;padding-bottom:22px}.tool-heading h1{font-size:clamp(26px,3vw,36px);margin:8px 0;letter-spacing:-.035em}.tool-heading>p{color:#69756e;font-size:14px;margin:0}.tool-heading .eyebrow{font-size:10px;color:#557761;letter-spacing:.16em}.ppi-tool{padding-bottom:64px}
.ppi-tool button{font:inherit;cursor:pointer}.ppi-tool button:disabled{opacity:.45;cursor:not-allowed}.ppi-tool button:focus-visible,.ppi-tool summary:focus-visible,.tool-scroll:focus-visible{outline:3px solid #79a88e;outline-offset:3px}.ppi-tool [hidden]{display:none!important}
.tool-toolbar{border:1px solid #dce1dd;border-radius:12px;background:#fff;padding:16px 18px}.tool-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.tool-actions .button{min-height:38px;border-radius:7px;padding:7px 15px;font-size:13px;line-height:1.6;background:#245e40;color:#fff;border:1px solid #245e40;box-shadow:0 1px 2px #1d35200a;white-space:nowrap}.tool-actions .button-outline{color:#354c3e;background:#fff;border-color:#d2dad4}.tool-actions .button:hover:not(:disabled){background:#eaf1ec;color:#245e40;transform:none}.tool-toolbar-divider{width:1px;height:26px;background:#dce1dd;margin:0 5px}.tool-hint{font-size:12px;color:#7a847e;margin:10px 0 0}.tool-selected{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:12px;color:#7a847e;margin:12px 2px 0}.tool-selected>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-selected span span{color:#42564a;margin-left:8px}
#toolStatus{font-size:13px;color:#52675a;min-height:22px;margin:9px 2px 18px}.tool-upload-progress{display:flex;align-items:center;gap:16px;margin:14px 0;font-size:13px;color:#52635a}.tool-upload-progress progress{flex:1;min-width:80px;height:10px;accent-color:#245e40}
.tool-filter-bar{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.tool-filter-label{font-size:12px;color:#728077;margin-right:5px}.tool-filter-bar button{border:1px solid #dce3dd;background:#fff;color:#586a5e;border-radius:6px;padding:5px 10px;font-size:12px;line-height:1.7}.tool-filter-bar button b{margin-left:5px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;opacity:.8}.tool-filter-bar button[aria-pressed="true"]{background:#245e40;border-color:#245e40;color:#fff}.tool-filter-bar button:hover{border-color:#568569}.tool-comparison-note{font-size:12px;color:#7a847e;margin:9px 0 16px}
.tool-catalogues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.tool-catalogues.tool-single{grid-template-columns:1fr}.tool-pane{min-width:0;background:#fff;border:1px solid #d7dfd9;border-radius:12px;overflow:hidden;box-shadow:0 2px 5px #19372604}.tool-pane-heading{padding:17px 20px 12px;background:#eef1ee;border-bottom:1px solid #d7dfd9}.tool-side{font-size:11px;font-weight:600;letter-spacing:.07em;color:#6c7f70}.tool-pane h2{font-size:18px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;margin:4px 0 6px}.tool-file-meta{font-size:12px;color:#67746b;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}.tool-file-meta span{border-left:1px solid #c9d3cb;padding-left:12px}.tool-file-properties{margin-top:10px;font-size:12px}.tool-file-properties summary{cursor:pointer;color:#486650;max-width:100%}.tool-file-properties summary>span{font-size:11px;color:#88928b;margin-left:8px}.tool-file-properties[open] summary{margin-bottom:12px}
.tool-properties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;font-size:12px;margin:0;line-height:1.65}.tool-properties>div{min-width:0}.tool-properties dt{color:#7c887f;font-size:11px;margin:0 0 3px}.tool-properties dd{margin:0;overflow-wrap:anywhere;color:#35493c;font-variant-numeric:tabular-nums}.tool-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bbc6be #f7f9f7}
.tool-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;line-height:1.6;table-layout:fixed;min-width:560px}.tool-table thead th{position:sticky;top:0;z-index:1;background:#f8faf8;color:#78857c;font-size:11px;font-weight:500;text-align:left;border-bottom:1px solid #dce4de;padding:10px 9px}.tool-table thead th:first-child{width:auto;padding-left:18px}.tool-table thead th:nth-child(2){width:46px}.tool-table thead th:nth-child(3){width:112px}.tool-table thead th:nth-child(4){width:95px}.tool-table thead th:last-child{width:57px}.tool-table td{padding:9px;border-bottom:1px solid #f0f3f0;vertical-align:top;overflow-wrap:anywhere}.tool-table .tool-name{padding-left:18px;color:#354f3e;font-weight:500}.tool-index{display:inline-block;min-width:23px;margin-right:5px;color:#a0aaa3;font-size:10px;font-weight:400;font-variant-numeric:tabular-nums}.tool-type{color:#6f7c73}.tool-size{color:#7d877f;font-size:11px;font-variant-numeric:tabular-nums}.tool-status-badge{font-size:11px;display:inline-block;line-height:1.55;padding:2px 5px;border-radius:4px;background:#f0f3f1;color:#819086}.tool-status-same .tool-status-badge{color:#3e8056;background:#edf6ef}.tool-status-moved .tool-status-badge{color:#42719e;background:#eff4fa}.tool-status-changed .tool-status-badge{color:#a56b27;background:#fff5e9}.tool-status-onlyA .tool-status-badge,.tool-status-onlyB .tool-status-badge{color:#b35048;background:#fcf0ee}.tool-status-unknown .tool-status-badge{color:#7a7089;background:#f3f0f7}.tool-status-same .tool-name{color:#3a744f}.tool-status-moved .tool-name{color:#3e6790}.tool-status-onlyA .tool-name,.tool-status-onlyB .tool-name{color:#ad5147}.tool-entry-row:hover td{background:#f8faf8}
.tool-pack-row th{padding:0;background:#f1f5f1;text-align:left;border-bottom:1px solid #e4ebe4}.tool-pack-toggle{border:0;background:transparent;color:#48694f;display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:10px 15px;font-size:12px!important;font-weight:600!important;overflow-wrap:anywhere}.tool-pack-count{margin-left:auto;white-space:nowrap;color:#8a998d;font-size:11px;font-weight:400}.tool-chevron{color:#869d8b;flex-shrink:0}.is-collapsed .tool-chevron{transform:rotate(-90deg)}.tool-pack-group.is-collapsed .tool-entry-row,.tool-pack-group.is-collapsed .tool-detail-row{display:none}.tool-entry-toggle{border:0;background:none;color:#5c7b66;font-size:11px!important;padding:2px 0;border-bottom:1px dotted #a7bbad}.tool-entry-toggle[aria-expanded="true"]{color:#245e40}.tool-detail-row td{padding:16px 20px 20px;background:#f6f9f6;border-bottom:1px solid #dfe8e0}.tool-pane-footer{padding:10px 18px;font-size:11px;color:#819085;border-top:1px solid #dfe5e0;background:#fbfcfb}.tool-empty{text-align:center;padding:70px 20px!important;color:#88968c}.tool-placeholder-body{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#96a298;font-size:13px;text-align:center}.tool-placeholder-body>span{display:grid;place-items:center;width:52px;height:60px;border:1px solid #dfe6df;border-radius:10px;background:#f8faf8;color:#a3b3a6;font-size:22px;margin-bottom:12px}
@media(min-width:1500px){.tool-table{font-size:13px}.tool-table thead th:nth-child(3){width:130px}.tool-table thead th:nth-child(4){width:110px}.tool-table thead th:last-child{width:64px}}
@media(max-width:900px){.tool-catalogues{grid-template-columns:1fr}.tool-toolbar-divider{display:none}.tool-heading{padding-top:28px}}
@media(max-width:620px){body[data-page="ppi-cpi"] .tool-heading,body[data-page="ppi-cpi"] .ppi-tool{width:calc(100% - 28px)}.tool-heading{padding-top:26px}.tool-heading h1{font-size:25px}.tool-heading>p{font-size:12px}.tool-toolbar{padding:12px}.tool-actions{gap:7px}.tool-actions .button{flex:1;padding:8px 10px;font-size:12px}.tool-selected{grid-template-columns:1fr;gap:3px}.tool-pane-heading{padding:14px}.tool-pane h2{font-size:17px}.tool-file-meta{gap:8px}.tool-file-meta span{padding-left:8px}.tool-properties{grid-template-columns:1fr}.tool-filter-label{flex-basis:100%}.tool-upload-progress{flex-wrap:wrap;gap:6px}.tool-comparison-note{line-height:1.7}.tool-placeholder-body{min-height:220px}}

.tool-scroll-hint{display:none}@media(max-width:620px){.tool-pane-footer{display:flex;justify-content:space-between;gap:8px;padding:10px 12px}.tool-scroll-hint{display:inline;color:#8c9a90;font-size:10px}}
