.social-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.social-filters > label { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.social-filters input, .social-filters select { width: 100%; min-width: 0; padding: .65rem; background: var(--bg-card, #161b22); color: inherit; border: 1px solid var(--border-color, #444); border-radius: .4rem; }
.social-choices { grid-column: 1 / -1; max-height: 14rem; overflow: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.social-choice { display: flex; align-items: center; gap: .5rem; overflow-wrap: anywhere; }
.social-choice input { width: auto; }
.social-button { padding: .55rem .8rem; border: 1px solid var(--border-color, #555); border-radius: .4rem; background: var(--bg-card, #161b22); color: inherit; cursor: pointer; min-height: 44px; }
.social-button:focus-visible { outline: 2px solid var(--accent-blue, #58a6ff); outline-offset: 2px; }
.social-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 1rem; margin: 1rem 0; }
.social-card { padding: 1.2rem; border: 1px solid var(--border-color, #444); border-radius: .6rem; background: var(--bg-card, #161b22); min-width: 0; overflow-wrap: anywhere; }
.social-card h3, .social-card h4 { margin: .25rem 0 .75rem; }
.social-card p, .social-evidence p { margin: .65rem 0; }
.social-meta { opacity: .8; }
.social-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.social-card meter { width: 100%; }
.social-dialog { margin: auto; padding: 1.5rem; width: min(90vw, 48rem); max-height: 85vh; overflow: auto; background: var(--bg-card, #161b22); color: var(--text-primary, #eee); border: 1px solid var(--border-color, #444); border-radius: .75rem; overflow-wrap: anywhere; }
.social-dialog::backdrop { background: #0009; }
.social-evidence { margin-top: 1.5rem; border-top: 1px solid var(--border-color, #444); padding-top: 1rem; }
#social-coverage { margin-top: 2rem; }
@media (max-width: 640px) { .social-filters, .social-choices { grid-template-columns: 1fr; } }