.channel-directory{max-width:1120px;margin:auto;padding:42px 24px 64px;color:#111}.directory-heading{text-align:center;margin-bottom:30px}.directory-eyebrow{font:12px STPublicDisplay,sans-serif;color:#315f9c}.directory-heading h1{font:clamp(24px,3vw,38px)/1.35 STPublicDisplay,sans-serif;margin:12px 0}.directory-heading p{font:15px/1.6 STPublicBody,sans-serif;margin:0}.directory-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px;background:#edf4ff;border:1px solid #c7d6e9;border-radius:16px}.directory-search{flex:1;max-width:420px}.directory-search span{display:block;font:11px STPublicDisplay,sans-serif;margin-bottom:8px}.directory-search input{width:100%;padding:12px;border:1px solid #bdc8d6;border-radius:9px;background:#fff;color:#111;font:14px STPublicBody,sans-serif}.directory-states,.directory-platforms{display:flex;flex-wrap:wrap;gap:8px}.channel-directory button{display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:1px solid #c8c8c8;border-radius:9px;background:#fff;color:#111;padding:10px 12px;font:11px STPublicDisplay,sans-serif}.channel-directory button.selected{background:#111;color:#fff;border-color:#111}.directory-platforms{margin:16px 0}.directory-platforms button img{width:18px;height:18px;background:#fff;border-radius:3px;padding:1px}#directory-status,#directory-updated{font:12px/1.6 STPublicBody,sans-serif;color:#525b66}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.directory-card{display:block;padding:18px;border:1px solid #c7d6e9;border-radius:15px;background:#edf4ff;text-decoration:none;color:#111;transition:transform .15s}.directory-card:nth-child(3n+2){background:#f5efff;border-color:#d7c8ec}.directory-card:nth-child(3n){background:#edf9f0;border-color:#b4d5bf}.directory-card:hover{transform:translateY(-2px)}.directory-person{display:flex;gap:12px;align-items:center}.directory-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #c8c8c8;background:#fff;display:grid;place-items:center;font:20px STPublicDisplay,sans-serif}.directory-person>div{min-width:0}.directory-name{font:14px/1.5 STPublicDisplay,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-handle{font:12px/1.7 STPublicBody,sans-serif;color:#4a5360;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ccd1d8;margin-top:15px;padding-top:11px;font:11px STPublicDisplay,sans-serif}.directory-platform{display:flex;align-items:center;gap:7px}.directory-platform img{width:18px;height:18px}.directory-live{color:#087540}.directory-viewers{font:12px STPublicBody,sans-serif;margin:10px 0 0;color:#4a5360}.directory-empty{grid-column:1/-1;text-align:center;padding:32px;background:#edf4ff;border-radius:15px;font:14px STPublicBody,sans-serif}@media(max-width:800px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-toolbar{align-items:stretch;flex-direction:column}.directory-search{max-width:none}}@media(max-width:520px){.channel-directory{padding:28px 16px}.directory-heading h1{font-size:23px}.directory-grid{grid-template-columns:1fr}.directory-platforms{gap:6px}.channel-directory button{font-size:10px;padding:9px}.directory-heading p{font-size:13px}}

.directory-card .directory-name,.directory-card .directory-platform{color:#111!important}