/* shared typography — matches the rest of the suite */
.ppm{font-family:"Lexend",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:400;letter-spacing:-.05em}
.ppm *{font-family:inherit;letter-spacing:inherit;box-sizing:border-box}

.ppm{--ppm-ink:var(--ps-black,#111111);--ppm-rule:#DEDEDE;--ppm-muted:#6b6b6b;
  color:var(--ppm-ink)}

.ppm-head{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;
  color:var(--ppm-muted);margin-bottom:10px}

.ppm-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ppm-item{margin:0;padding:0}

/* pill: the party colour carries it, so the label stays black until hover */
.ppm .ppm-link{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;
  border:1px solid var(--ppm-rule);
  border-radius:var(--ps-pill,99px);
  background:#fff;
  font-size:.84rem;font-weight:600;line-height:1.3;
  color:var(--ppm-ink)!important;text-decoration:none!important;
  transition:border-color .15s ease,background .15s ease,color .15s ease
}
.ppm .ppm-link:hover{
  border-color:var(--party-colour,var(--ps-purple,#6F00FF));
  color:var(--party-colour,var(--ps-purple,#6F00FF))!important
}
.ppm-dot{
  width:9px;height:9px;flex:0 0 auto;border-radius:50%;
  background:var(--party-colour,var(--ppm-muted))
}
.ppm-count{
  font-size:.72rem;font-weight:400;color:var(--ppm-muted);
  padding-left:2px
}

/* list: one per line, with the colour as a left edge */
.ppm-list .ppm-item{flex:0 0 auto}
.ppm.ppm-list .ppm-list{flex-direction:column;gap:0}
.ppm.ppm-list .ppm-item{width:100%;border-bottom:1px solid var(--ppm-rule)}
.ppm.ppm-list .ppm-item:last-child{border-bottom:0}
.ppm.ppm-list .ppm-link{
  width:100%;border:0;border-radius:0;padding:10px 4px;
  border-left:3px solid var(--party-colour,var(--ppm-muted));
  padding-left:12px
}
.ppm.ppm-list .ppm-link:hover{background:#fafafa}
.ppm.ppm-list .ppm-dot{display:none}

@media(max-width:480px){
  .ppm .ppm-link{font-size:.8rem;padding:6px 11px}
}