.partner-certification {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid;
  border-radius: 8px;
}

.partner-certification[hidden] { display: none; }
.partner-certification.is-inactive {
  border-color: #f2c46d;
  color: #854d0e;
  background: #fff8e7;
}
.partner-certification.is-active {
  border-color: #86d4aa;
  color: #166534;
  background: #effcf4;
}
.partner-certification > strong { font-size: 13px; line-height: 1.5; }
.partner-certification > p { margin: 0; color: #64748b; font-size: 12px; }
.partner-certification-progress {
  height: 8px;
  overflow: hidden;
  border-radius: 8px;
  background: #e2e8f0;
}
.partner-certification-progress > span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #e89a22;
  transition: width 180ms ease;
}
.partner-certification.is-active .partner-certification-progress > span { background: #16a34a; }