.skill-access-filter { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.skill-access-filter > span { margin-right: 3px; }
.skill-access-filter button { border: 0; background: transparent; color: var(--muted); border-radius: 999px; padding: 7px 15px; font: inherit; cursor: pointer; }
.skill-access-filter button[aria-pressed="true"] { background: #eee2f6; color: #56376d; font-weight: 650; }
.skill-access-filter button:focus-visible { outline: 2px solid #89699d; outline-offset: 2px; }
.p9-catalog .results-toolbar .skill-access-count { margin-left: auto; white-space: nowrap; }
.skill-title-row { display: flex; align-items: flex-start; gap: 8px; }
.skill-title-row .card-title { min-width: 0; flex: 1; }
.skill-access-badge { display: inline-block; flex: none; padding: 2px 10px; border-radius: 999px; font-size: 11px; font-weight: 600; line-height: 1.7; white-space: nowrap; }
.skill-access-badge.free { color: #366447; background: #e9f3e9; }
.skill-access-badge.vip { color: #725196; background: #eee5f6; }
.detail-info > .skill-access-badge { margin-bottom: 8px; }
.member-note .text-button { color: inherit; padding: 0; text-decoration: underline; text-underline-offset: 3px; }
.download-status-actions { display: block; }
.download-status-actions:empty { display: none; }
.download-status-actions button, .download-status-actions a { display: inline-block; color: inherit; font: inherit; font-weight: 600; padding: 4px 0 0; border: 0; background: transparent; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }