From 8f42942e5485a1cffa3c86ecec6ca5e793cf57e1 Mon Sep 17 00:00:00 2001
From: Meta Vens <rwvens@hotmail.com>
Date: Tue, 21 Apr 2026 18:02:59 +0100
Subject: [PATCH] Fix Studio media overflow and add debugging note

---
 AGENTS.md                             | 8 ++++++++
 quartz-site/quartz/styles/custom.scss | 1 +
 2 files changed, 9 insertions(+)
 create mode 100644 AGENTS.md

diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..5a8c901
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,8 @@
+# AGENTS.md
+
+## Layout Debugging
+
+- When a CSS/layout fix is not behaving as expected, inspect the live DOM before guessing again.
+- Check `getBoundingClientRect()`, computed styles, box sizing, and actual grid/flex track sizes on the elements involved.
+- Do not rely on screenshots or Sass intent alone when rendered layout disagrees.
+- For overlapping columns/cards, verify whether the text column is escaping or whether a padded child is overflowing its own track.
diff --git a/quartz-site/quartz/styles/custom.scss b/quartz-site/quartz/styles/custom.scss
index e590f17..74be124 100644
--- a/quartz-site/quartz/styles/custom.scss
+++ b/quartz-site/quartz/styles/custom.scss
@@ -782,6 +782,7 @@ a:hover,
 }
 
 .gamecult-media-card {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   gap: 0.8rem;