From c5732aa4fc04b784085f52fd887cc6a8590e1e0a Mon Sep 17 00:00:00 2001
From: Dan Helfman <witten@torsion.org>
Date: Fri, 27 Oct 2023 14:12:35 -0700
Subject: [PATCH] Fix home page CSS layout to prevent overflow at certain
 window widths (#777).

---
 docs/_includes/components/toc.css | 4 ++--
 docs/_includes/index.css          | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/_includes/components/toc.css b/docs/_includes/components/toc.css
index 82cf15e5..4967c301 100644
--- a/docs/_includes/components/toc.css
+++ b/docs/_includes/components/toc.css
@@ -2,13 +2,13 @@
 	font-size: 1rem; /* Reset */
 }
 .elv-toc details {
-	--details-force-closed: (max-width: 63.9375em); /* 1023px */
+	--details-force-closed: (max-width: 79.9375em); /* 1023px */
 }
 .elv-toc details > summary {
 	font-size: 1.375rem; /* 22px /16 */
 	margin-bottom: .5em;
 }
-@media (min-width: 64em) { /* 1024px */
+@media (min-width: 80em) {
 	.elv-toc {
 		position: absolute;
 		left: 3rem;
diff --git a/docs/_includes/index.css b/docs/_includes/index.css
index f1d4c57f..9b7dce54 100644
--- a/docs/_includes/index.css
+++ b/docs/_includes/index.css
@@ -121,7 +121,7 @@ main h1:first-child,
 main .elv-toc + h1 {
 	border-bottom: 2px dotted #666;
 }
-@media (min-width: 64em) { /* 1024px */
+@media (min-width: 80em) {
 	main .elv-toc + h1,
 	main .elv-toc + h2 {
 		margin-top: 0;
@@ -243,10 +243,10 @@ footer.elv-layout {
 .elv-layout-full {
 	max-width: none;
 }
-@media (min-width: 64em) { /* 1024px */
+@media (min-width: 80em) {
 	.elv-layout-toc {
 		padding-left: 15rem;
-		max-width: 60rem;
+		max-width: 76rem;
 		margin-right: 1rem;
 		position: relative;
 	}