fixes

Author: warrenlr

assets/gallery.css

@@ -1,60 +1,45 @@
-/* BREAK Alembic typography constraints safely */
-.gallery-page {
-    width: 100%;
+/* HARD ISOLATION RESET (this is the fix) */
+
+body.gallery-page main.container {
+    display: block !important;
 }
 
-/* neutralize typeset interference */
-.gallery-page * {
-    box-sizing: border-box;
+body.gallery-page article {
+    display: block !important;
+    height: auto !important;
+    overflow: visible !important;
 }
 
-/* sections */
-.gallery-section {
-    margin: 2.5rem 0;
+/* disable layout interference completely */
+body.gallery-page .typeset {
+    max-width: none !important;
 }
 
-/* GRID ISOLATION LAYER */
+/* gallery only */
 .gallery {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
     gap: 1.2rem;
-    width: 100%;
 }
 
-/* ensure no inheritance weirdness from .typeset */
 .gallery figure {
     margin: 0;
-    padding: 0;
 }
 
-/* image containment */
-.gallery figure img {
+.gallery img {
     width: 100%;
     display: block;
-    border: 1px solid #e5e5e5;
     border-radius: 6px;
-    transition: transform 0.2s ease, box-shadow 0.2s ease;
+    transition: transform 0.2s ease;
 }
 
-.gallery figure img:hover {
+.gallery img:hover {
     transform: scale(1.03);
-    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
 }
 
-/* captions */
 .gallery figcaption {
-    margin-top: 0.5rem;
     text-align: center;
     font-size: 0.9em;
     color: #666;
-}
-
-article.article--page {
-    display: block !important;
-    height: auto !important;
-    overflow: visible !important;
-}
-
-main.container {
-    display: block !important;
+    margin-top: 0.4rem;
 }

gallery.md

@@ -2,12 +2,11 @@
 layout: page
 title: Gallery
 permalink: /gallery/
+body_class: gallery-page
 ---
 
 Photographs from the Bioinformatics Technologies Lab over the years, including lab gatherings, conferences, workshops, and other memorable moments.
 
-<link rel="stylesheet" href="/assets/gallery.css">
-
 <div class="gallery-page">
 
 <div class="gallery-section">