From 3ed344be6f50a71d156827e464744b42f35d2c23 Mon Sep 17 00:00:00 2001
From: eupthere <eupthere@gmail.com>
Date: Sun, 21 Jun 2026 14:02:48 +0900
Subject: [PATCH 1/3] Fix tutorial content too wide
 (processing/p5.js-website#1457)

---
 styles/markdown.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles/markdown.scss b/styles/markdown.scss
index ab37d0de4a..d31606cc72 100644
--- a/styles/markdown.scss
+++ b/styles/markdown.scss
@@ -5,7 +5,7 @@
 .rendered-markdown {
   & > *,
   & > astro-island > * {
-    @reference max-w-screen-md;
+    max-width: variables.$breakpoint-tablet;
   }
 
   & > .full-width,
@@ -15,7 +15,7 @@
 
   .full-width td,
   .full-width th {
-    @reference max-w-screen-md;
+    max-width: variables.$breakpoint-tablet;
   }
 
   a {

From 45265c91b36130df5d1c7833a45fd18f302689f3 Mon Sep 17 00:00:00 2001
From: eupthere <eupthere@gmail.com>
Date: Sun, 21 Jun 2026 14:07:01 +0900
Subject: [PATCH 2/3] Fix about layout anchor tag color
 (processing/p5.js-website#1457)

---
 src/layouts/AboutLayout.astro | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/layouts/AboutLayout.astro b/src/layouts/AboutLayout.astro
index e09b76fe38..40da4e2acf 100644
--- a/src/layouts/AboutLayout.astro
+++ b/src/layouts/AboutLayout.astro
@@ -137,7 +137,9 @@ const displayedFeaturedPeople = sortedFeaturedPeople.slice(0, 6);
 </BaseLayout>
 
 <style lang="scss">
+  @reference "../../styles/global.css";
+
   a {
-    @reference text-type-magenta-dark;
+    @apply text-type-magenta-dark;
   }
 </style>

From c32ab69a89cc125cc81d02ca32b393fd41948896 Mon Sep 17 00:00:00 2001
From: eupthere <eupthere@gmail.com>
Date: Sun, 21 Jun 2026 14:10:59 +0900
Subject: [PATCH 3/3] Fix homepage h2 tag margins
 (processing/p5.js-website#1457)

---
 src/layouts/HomepageLayout.astro | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/layouts/HomepageLayout.astro b/src/layouts/HomepageLayout.astro
index bed259b0c7..8d89b7de23 100644
--- a/src/layouts/HomepageLayout.astro
+++ b/src/layouts/HomepageLayout.astro
@@ -101,10 +101,11 @@ const sketches = config.data.sketchIds.map(
 </BaseLayout>
 
 <style lang="scss">
-  @use "/styles/variables.scss";
+  @use "../../styles/variables.scss";
+  @reference "../../styles/global.css";
 
   h2 {
-    @reference mb-sm mt-0;
+    @apply mb-sm mt-0;
     @media (min-width: variables.$breakpoint-tablet) {
       font-size: 3.5rem;
     }