.esw-toolbar { display: flex; align-items: center; gap: 24px; border-block: 1px solid currentColor; padding-block: 18px; margin-bottom: 32px; }
.esw-filters { display: flex; gap: 6px; }
.esw-filters button { min-height: 44px; padding: 8px 18px; background: transparent; border: 0; border-radius: 0; color: inherit; font-size: 13px; }
.esw-filters button[aria-pressed="true"] { background: var(--ink, #171919); color: #fff; }
.esw-filters button:hover { box-shadow: inset 0 -2px currentColor; }
.esw-count { margin-left: auto; font-size: 10px; white-space: nowrap; }
.esw-shuffle { border: 1px solid currentColor; }
.esw-shuffle:disabled { opacity: .45; cursor: wait; }
.esw-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; min-width: 0; }
.esw-posts > article { min-width: 0; }
.esw-posts > article:nth-child(2) { margin-top: 64px; }
.esw-posts > article:nth-child(3) { margin-top: 128px; }
.esw-posts .community-post__embed { position: relative; min-width: 0; width: 100%; }
.esw-posts blockquote { min-height: 440px; display: grid; place-items: center; margin: 0; background: #fff; color: #171919; border: 1px solid #dce0e2; }
.esw-posts iframe, .esw-posts blockquote { max-width: 100% !important; min-width: 0 !important; width: 100% !important; }
.esw-posts .embed-source-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block: 14px; font-size: 11px; }
.esw-source-card { display: block; background: #fff; padding-bottom: 24px; color: #171919; }
.esw-source-card img { width: 100%; height: auto; }
.esw-source-card p, .esw-source-card strong { display: block; margin: 20px 24px 0; font-size: 14px; overflow-wrap: anywhere; }
.esw-message { padding: 14px 0 24px; font-size: 13px; }
.esw-mobile-controls { display: none; }
.esw-explorer.is-loading .esw-count { opacity: .45; }
.esw-explorer .icon { width: 24px; height: 24px; }
@media (max-width: 1000px) {
  .esw-posts { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .esw-posts > article { flex: 0 0 min(420px, 100%); scroll-snap-align: start; margin-top: 0 !important; }
  .esw-mobile-controls { display: flex; align-items: center; justify-content: end; gap: 8px; padding-top: 18px; }
  .esw-mobile-controls > span { margin-right: auto; font-size: 11px; }
  .esw-mobile-controls button { border: 1px solid currentColor; }
}
@media (max-width: 600px) {
  .esw-toolbar { gap: 8px; flex-wrap: wrap; margin-bottom: 24px; padding-block: 12px; }
  .esw-filters { gap: 0; }
  .esw-filters button { padding-inline: 13px; font-size: 12px; }
  .esw-count { order: 3; width: 100%; margin: 8px 0 0; }
  .esw-shuffle { margin-left: auto; }
  .esw-posts > article { flex-basis: 100%; }
}