Distinguish members and paid-members only post indicators

assets/css/screen.css

@@ -643,12 +643,12 @@ body:not(.gh-head-open) .gh-burger:hover .gh-burger-inner::after {
     padding-bottom: 55%;
 }
 
-.post-card:is(.post-access-members, .post-access-paid) .post-card-image-link::after {
+.post-card[class*="post-access-"]:not(.post-access-public) .post-card-image-link::after {
     background-color: rgba(0, 0, 0, 0.5);
     backdrop-filter: blur(3px);
 }
 
-.post-card.keep-ratio:is(.post-access-members, .post-access-paid) .post-card-image-link::after {
+.post-card.keep-ratio[class*="post-access-"]:not(.post-access-public) .post-card-image-link::after {
     position: absolute;
     inset: 0;
     padding-bottom: 0;

partials/post-card.hbs

@@ -21,7 +21,12 @@ which templates loop over to generate a list of posts. --}}
 
         {{^has visibility="public"}}
             <div class="post-card-access">
-                {{> "icons/lock"}} Members-only
+                {{> "icons/lock"}}
+                {{#has visibility="members"}}
+                    Members only
+                {{else}}
+                    Paid-members only
+                {{/has}}
             </div>
         {{/has}}