diff --git a/docs/css/custom.css b/docs/css/custom.css
index ce2a9dc..f7d3478 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -121,6 +121,13 @@
 	margin-top: 2rem;
 }
 
+.brand h1 {
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
 /* Brand actions */
 .brand__actions {
 	display: flex;
@@ -128,6 +135,7 @@
 	gap: 0.4rem;
 	margin-left: auto;
 	flex-wrap: nowrap;
+	flex-shrink: 0;
 }
 
 .brand__auth {
@@ -276,6 +284,16 @@
 	}
 }
 
+@media (max-width: 280px) {
+	.brand h1 {
+		font-size: 1.05rem;
+	}
+
+	.header {
+		padding-top: 1.3rem;
+	}
+}
+
 /* ── Subscribe dropdown ── */
 .rss-subscribe {
 	position: relative;
@@ -1577,7 +1595,7 @@ th {
 }
 
 .site-search__input {
-	width: 9.3rem;
+	width: 9.4rem;
 	max-width: 32vw;
 	height: 100%;
 	box-sizing: border-box;
diff --git a/static/css/custom.css b/static/css/custom.css
index ce2a9dc..f7d3478 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -121,6 +121,13 @@
 	margin-top: 2rem;
 }
 
+.brand h1 {
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
 /* Brand actions */
 .brand__actions {
 	display: flex;
@@ -128,6 +135,7 @@
 	gap: 0.4rem;
 	margin-left: auto;
 	flex-wrap: nowrap;
+	flex-shrink: 0;
 }
 
 .brand__auth {
@@ -276,6 +284,16 @@
 	}
 }
 
+@media (max-width: 280px) {
+	.brand h1 {
+		font-size: 1.05rem;
+	}
+
+	.header {
+		padding-top: 1.3rem;
+	}
+}
+
 /* ── Subscribe dropdown ── */
 .rss-subscribe {
 	position: relative;
@@ -1577,7 +1595,7 @@ th {
 }
 
 .site-search__input {
-	width: 9.3rem;
+	width: 9.4rem;
 	max-width: 32vw;
 	height: 100%;
 	box-sizing: border-box;