.iad-feed-list{ display:flex; flex-direction:column; gap: 10px; }

.iad-card{
  display:block;
  padding: 12px;
  border: 1px solid var(--iad-border);
  border-radius: var(--iad-radius);
  background: linear-gradient(180deg, rgba(16,24,39,0.55), rgba(15,20,29,0.75));
  box-shadow: 0 10px 22px rgba(0,0,0,0.25);

  /* HARD KILL any legacy "vote column" layout */
  margin-left: 0 !important;

  /* ✅ HARD CONTAINMENT: nothing may visually escape the card */
  overflow: hidden;

  /* ✅ Long URLs / weird content must wrap */
  overflow-wrap: anywhere;
  word-break: break-word;
}

.iad-card-main{
  display: block !important;
  grid-template-columns: none !important;

  /* ✅ belt + braces containment at inner level */
  max-width: 100%;
  overflow: hidden;
}

/* ✅ Global containment for typical offenders inside cards */
.iad-card img,
.iad-card video,
.iad-card iframe,
.iad-card embed,
.iad-card object{
  display: block;
  max-width: 100%;
}

/* iframes/embeds must not force width */
.iad-card iframe,
.iad-card embed,
.iad-card object{
  width: 100%;
}

/* Tables often overflow */
.iad-card table{
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

/* Code/Pre often overflow with long URLs */
.iad-card pre{
  max-width: 100%;
  overflow-x: auto;
  white-space: pre;
}
.iad-card code{
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Attachment inline media (video/image rendered in card) */
.iad-attwrap{
  margin: 10px 0 10px;
  display: grid;
  gap: 10px;
  max-width: 100%;
}
.iad-att-media{
  max-width: 100%;
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.20);
}
.iad-att-video{
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}
.iad-att-img{
  width: 100%;
  height: auto;