Add styles for new interactive block component

client/src/index.css

@@ -174,6 +174,52 @@ h4 {
   display: block;
 }
 
+.ig-block {
+  display: flex;
+  gap: 0.75rem;
+  align-items: flex-start;
+  background: #fff;
+  padding: 0.85rem 1rem;
+  border-radius: 14px;
+  border: 1px solid var(--border);
+  margin-bottom: 1rem;
+}
+
+.ig-avatar {
+  width: 56px;
+  height: 56px;
+  border-radius: 50%;
+  object-fit: cover;
+  border: 2px solid #fff;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+}
+
+.ig-avatar.placeholder {
+  background: #e5e7eb;
+}
+
+.ig-body {
+  flex: 1;
+}
+
+.ig-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem;
+  align-items: baseline;
+  font-weight: 700;
+}
+
+.ig-name {
+  color: inherit;
+  font-weight: 800;
+}
+
+.ig-desc {
+  margin: 0.35rem 0 0;
+  white-space: pre-wrap;
+}
+
 .meta-box {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));