.page{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:2rem min-content 1fr;grid-gap:1rem;grid-template-areas:"nav image" "h1 image" "meta image";overflow:auto;padding:1rem;.h1 { grid-area: h1; } .meta { grid-area: meta; grid-column: 1; overflow: auto; line-height: 1.5; min-width: 300px; min-height: 5rem; height: auto; } .imagediv { grid-area: image; overflow: auto; .imagecontainer { position: relative; display: inline-block; cursor: pointer; .imageoverlay { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.6); color: white; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; cursor: pointer; } } .imagecontainer:hover .imageoverlay { opacity: 1; } }}@media(max-width:768px){.page{grid-template-columns:1fr!important;grid-template-rows:2rem min-content min-content min-content!important;grid-template-areas:"nav" "h1" "image" "meta"}.page .meta{height:auto}.page .imagediv{height:auto}}.page .nav{grid-area:nav}#back-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--text-color);color:var(--text-color);text-decoration:none}#back-link svg{width:24px;height:24px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}#back-link:hover{background-color:var(--banner-bg-hover)}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.lightbox img{max-width:90vw;max-height:90vh}.lightbox.hidden{display:none}.lightbox-close{position:absolute;top:20px;right:30px;font-size:3rem;color:#fff;cursor:pointer}