/* Shrine mobile viewport + overflow fixes (site-wide) */
@supports (height: 100dvh) {
  body { min-height: 100dvh; }
}
body { min-height: 100vh; }
html, body { overflow-x: hidden; }
img, video, canvas { max-width: 100%; height: auto; }
/* Common flex child fix so wide content doesn't force overflow */
.content { min-width: 0; overflow-wrap: anywhere; }
/* Gentle mobile layout defaults; safe if classes don't exist */
@media (max-width: 700px) {
  body { flex-direction: column; }
  .sidebar { width: 100%; padding: 16px 20px; }
  .content { padding: 20px; }
  .artwork-wrapper img { max-width: 100%; margin: 24px auto; }
}