Fix Studio media overflow and add debugging note

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.

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;