diff --git a/README.md b/README.md
index 63c45ba..7249ee3 100644
--- a/README.md
+++ b/README.md
@@ -112,7 +112,7 @@ You can override any class in an Obsidian CSS snippet. Key classes:
 - `.eo-clear` — clear button
 - `.eo-status` — status / result count line
 - `.eo-results` — results container
-- `.eo-results-table` — result table
+- `.eo-results-grid` — result grid
 - `.eo-results-row` / `.eo-results-cell` — result rows and cells
 - `.eo-results-link` — clickable note link
 - `.eo-page-bar` / `.eo-page-btn` / `.eo-page-info` — pagination
diff --git a/main.js b/main.js
index 4d95b33..0281ece 100644
--- a/main.js
+++ b/main.js
@@ -345,7 +345,7 @@ class SearchView extends obsidian.Component {
 
 		/* Results list */
 		this.resultsEl = root.createDiv({ cls: "eo-results" });
-		this.buildResultsTable();
+		this.buildResultsGrid();
 
 		/* Pagination */
 		this.pageBar = this.createPaginationBar(root);
@@ -359,22 +359,16 @@ class SearchView extends obsidian.Component {
 		return this.popover;
 	}
 
-	buildResultsTable() {
-		const tbl = this.resultsEl.createEl("table", { cls: "eo-results-table" });
-		setElementHidden(tbl, true);
-		const colgroup = tbl.createEl("colgroup");
-		colgroup.createEl("col", { cls: "eo-col-file" });
-		colgroup.createEl("col", { cls: "eo-col-score" });
-		colgroup.createEl("col", { cls: "eo-col-preview" });
+	buildResultsGrid() {
+		const grid = this.resultsEl.createDiv({ cls: "eo-results-grid" });
+		setElementHidden(grid, true);
+		const headRow = grid.createDiv({ cls: "eo-results-head-row" });
+		headRow.createDiv({ cls: "eo-results-head-cell eo-results-head-file", text: "File" });
+		headRow.createDiv({ cls: "eo-results-head-cell eo-results-head-score", text: "Score" });
+		headRow.createDiv({ cls: "eo-results-head-cell eo-results-head-preview", text: "Preview" });
 
-		const thead = tbl.createEl("thead", { cls: "eo-results-head" });
-		const headRow = thead.createEl("tr", { cls: "eo-results-head-row" });
-		headRow.createEl("th", { cls: "eo-results-head-cell eo-results-head-file", text: "File" });
-		headRow.createEl("th", { cls: "eo-results-head-cell eo-results-head-score", text: "Score" });
-		headRow.createEl("th", { cls: "eo-results-head-cell eo-results-head-preview", text: "Preview" });
-
-		this.resultsTable = tbl;
-		this.resultsBody = tbl.createEl("tbody", { cls: "eo-results-body" });
+		this.resultsGrid = grid;
+		this.resultsBody = grid.createDiv({ cls: "eo-results-body" });
 	}
 
 	createPaginationBar(parent) {
@@ -494,7 +488,7 @@ class SearchView extends obsidian.Component {
 
 	resetResults() {
 		if (this.resultsBody) this.resultsBody.empty();
-		if (this.resultsTable) setElementHidden(this.resultsTable, true);
+		if (this.resultsGrid) setElementHidden(this.resultsGrid, true);
 		this.results = [];
 		this.page = 0;
 		this.terms = [];
@@ -562,22 +556,22 @@ class SearchView extends obsidian.Component {
 
 	renderRow(result) {
 		const path = String(result.path || "");
-		const row = this.resultsBody.createEl("tr", { cls: "eo-results-row" });
+		const row = this.resultsBody.createDiv({ cls: "eo-results-row" });
 		row.dataset.filepath = path;
 
-		const fileCell = row.createEl("td", { cls: "eo-results-cell eo-results-file" });
+		const fileCell = row.createDiv({ cls: "eo-results-cell eo-results-file" });
 		fileCell.createEl("a", {
 			cls: "internal-link eo-results-link",
 			text: bname(path),
 			attr: { href: path, "data-href": path }
 		});
 
-		row.createEl("td", {
+		row.createDiv({
 			cls: "eo-results-cell eo-results-score",
 			text: String(Math.round(result.score || 0))
 		});
 
-		const previewCell = row.createEl("td", { cls: "eo-results-cell eo-results-preview" });
+		const previewCell = row.createDiv({ cls: "eo-results-cell eo-results-preview" });
 		appendHighlightedText(previewCell, result.excerpt, this.getResultTerms(result));
 	}
 
@@ -592,7 +586,7 @@ class SearchView extends obsidian.Component {
 		this.statusEl.textContent = this.results.length + " results \u2014 page " + (this.page + 1) + " of " + total;
 		this.resultsBody.empty();
 		for (let i = 0; i < items.length; i++) this.renderRow(items[i]);
-		setElementHidden(this.resultsTable, false);
+		setElementHidden(this.resultsGrid, false);
 
 		this.updatePaginationControls(total);
 	}
diff --git a/manifest.json b/manifest.json
index 339ee09..5d47798 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
   "id": "embedded-omnisearch",
   "name": "Embedded-Omnisearch",
-  "version": "1.2.9",
+  "version": "1.3.0",
   "minAppVersion": "1.0.0",
   "description": "Inline search UI powered by Omnisearch, with configurable page size, highlight color, and highlight opacity.",
   "author": "fnsign",
diff --git a/styles.css b/styles.css
index 4e6c60f..3974492 100644
--- a/styles.css
+++ b/styles.css
@@ -6,10 +6,22 @@
 	display: none;
 }
 
+/* --- Code-block container (Obsidian-generated parent) --- */
+.block-language-embedded-omnisearch {
+	width: 100%;
+	min-width: 0;
+	max-width: 100%;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
 /* --- Wrapper --- */
 .eo-wrap {
-	margin: 16px 0 10px;
+	margin: 16px auto 10px;
 	width: 100%;
+	min-width: 0;
+	max-width: 100%;
+	overflow: hidden;
 	box-sizing: border-box;
 	font-family: var(--font-interface);
 }
@@ -93,67 +105,30 @@
 .eo-results {
 	margin-top: 8px;
 	width: 100%;
-	overflow-x: auto;
+	min-width: 0;
 }
 
-/* --- Results Table --- */
-.eo-results-table {
+/* --- Results Grid --- */
+.eo-results-grid {
 	width: 100%;
-	table-layout: auto;
-	border-collapse: collapse;
-	border-spacing: 0;
-	margin: 0;
-	border: 0;
+	min-width: 0;
+	max-width: 100%;
 	background: transparent;
 }
 
-.eo-wrap table.eo-results-table,
-.eo-wrap table.eo-results-table thead,
-.eo-wrap table.eo-results-table tbody,
-.eo-wrap table.eo-results-table tr,
-.eo-wrap table.eo-results-table th,
-.eo-wrap table.eo-results-table td,
-.eo-wrap table.eo-results-table colgroup,
-.eo-wrap table.eo-results-table col {
-	border: 0;
-	box-shadow: none;
+.eo-results-head-row,
+.eo-results-row {
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) minmax(4.5ch, max-content) minmax(0, 3fr);
+	min-width: 0;
 	background: transparent;
-	box-sizing: border-box;
-}
-
-.eo-wrap table.eo-results-table th.eo-results-head-cell {
-	white-space: nowrap;
-	overflow-wrap: normal;
-	word-break: keep-all;
-	hyphens: none;
-}
-
-.eo-col-file {
-	width: 24%;
-}
-
-.eo-col-score {
-	width: 1%;
-}
-
-.eo-col-preview {
-	width: 68%;
-}
-
-.eo-wrap .eo-results-head-file,
-.eo-wrap .eo-results-file {
-	min-width: 7ch;
-}
-
-.eo-wrap .eo-results-head-preview,
-.eo-wrap .eo-results-preview {
-	min-width: 9ch;
 }
 
 .eo-results-head-cell,
 .eo-results-cell {
 	padding: 8px 10px;
-	vertical-align: top;
+	min-width: 0;
+	box-sizing: border-box;
 }
 
 .eo-results-head-cell {