.zp-compat{font:600 16px/1.4 system-ui,sans-serif}
.zp-compat--error{color:#a00;background:#fee;padding:.6em .8em;border-radius:6px}
.zp-badge{display:inline-flex;align-items:center;gap:.4em;padding:.35em .6em;border-radius:999px;font:600 14px/1 system-ui,sans-serif}
.zpc-cats{margin:.75rem 0}.zpc-cats__title{font-weight:600;margin-bottom:.4rem}

.zpc-result__block{margin:1rem 0}
.zpc-charts{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:900px){.zpc-charts{grid-template-columns:1fr 1fr}}
.zpc-chart-img{max-width:100%;height:auto;display:block}
.zpc-charts--pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: start;
}
.zpc-chart { display: inline-block; }
.zpc-score { font-size: 1.1rem; margin-bottom: 12px; }
.zpc-cats__list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; }
.zpc-cats__item { border-bottom: 1px solid rgba(255,255,255,.2); padding: 8px 0; display:flex; justify-content:space-between; }

.zpc-charts--pair {
  display: grid;
  grid-template-columns: minmax(240px,1fr) minmax(240px,1fr);
  gap: 20px;
  align-items: start;
  width: 100%;
}
@media (max-width: 900px){
  .zpc-charts--pair { grid-template-columns: 1fr; }
}
.zpc-chart--responsive img { max-width: 100%; height: auto; display: block; }