.writers-scope .writers-page { color: var(--discovery-text); }
.writers-scope .writer-filters { display: flex; flex-wrap: wrap; gap: .5rem; }
.writers-scope .writer-filter {
    padding: .45rem .85rem;
    border: 1px solid var(--discovery-border);
    border-radius: 999px;
    background: transparent;
    color: var(--discovery-text);
    font-size: .9rem;
}
.writers-scope .writer-filter:hover,
.writers-scope .writer-filter.active {
    border-color: var(--discovery-accent);
    background: var(--discovery-accent);
    color: #fff;
}
.writers-scope .writer-card {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: 1rem;
    border: 1px solid var(--discovery-border);
    border-radius: .75rem;
    background: var(--discovery-surface);
}
.writers-scope .writer-card-main { display: flex; align-items: center; gap: .85rem; min-width: 0; }
.writers-scope .writer-avatar-link { flex: 0 0 auto; }
.writers-scope .writer-avatar { display: block; width: 64px; height: 64px; border: 1px solid var(--discovery-border); border-radius: 50%; object-fit: cover; }
.writers-scope .writer-info { min-width: 0; }
.writers-scope .writer-name { color: var(--discovery-text); text-decoration: none; overflow-wrap: anywhere; }
.writers-scope .writer-name:hover { color: var(--discovery-accent); }
.writers-scope .writer-role-line { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; min-height: 1.35rem; margin-bottom: .2rem; }
.writers-scope .writer-stats,
.writers-scope .writer-bio { color: var(--discovery-muted); font-size: .875rem; }
.writers-scope .writer-bio { margin: 0; line-height: 1.5; }
.writers-scope .writer-card-actions { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: auto; }
.writers-scope .follow-form { margin: 0; }
.writers-scope .follow-btn.following { background: transparent; color: var(--discovery-accent); }
.writers-scope .follow-btn.is-loading { opacity: .65; pointer-events: none; }
.writers-scope .load-more-wrapper { min-height: 2.75rem; }
.writers-scope .writers-grid.is-loading { opacity: .6; pointer-events: none; }

@media (max-width: 575.98px) {
    .writers-scope .discovery-panel { padding: .8rem; }
    .writers-scope .writer-card { padding: .85rem; }
}