.publisher-directory{display:flex;flex-direction:column;gap:14px;max-width:100%}
.publisher-group{background:var(--layer);border:1px solid var(--line);border-radius:18px;padding:6px 14px 3px;overflow:hidden}
.publisher-group h3{color:#7fc7f6;font-size:17px;padding:14px 6px 13px;margin:0;font-weight:800;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}
.publisher-group h3 span{font-size:12px;color:var(--muted);font-weight:700}
.publisher-row{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);min-height:76px}
.publisher-row:last-child{border-bottom:none}
.publisher-row-open{background:none;border:0;color:var(--text);display:flex;align-items:center;text-align:start;gap:13px;padding:9px 4px;min-width:0;flex:1}
.publisher-row .directory-source-logo{height:52px!important;width:52px!important;border-radius:13px!important;flex-shrink:0}
.publisher-text{display:flex;flex-direction:column;gap:7px;flex:1;min-width:0}
.publisher-text strong{font-size:16px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.publisher-text small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.publisher-chevron{font-size:21px;color:var(--muted)}
.publisher-follow{width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--layer2);border:1px solid var(--line);border-radius:9px;color:#84bdec;font-weight:900;font-size:18px}
.publisher-follow.active{background:#1f6b9f;color:#fff}
.publisher-row-open:hover .publisher-text strong{color:#71baf0}
@media(max-width:750px){.publisher-group{padding:4px 10px}.publisher-row{min-height:70px}.publisher-row .directory-source-logo{height:48px!important;width:48px!important}.publisher-text strong{font-size:15px}.publisher-group h3{font-size:16px}.publisher-row-open{gap:10px}}