.art-zoom{display:none}
@media(max-width:650px){
 .detail-heading{padding:20px 0 24px}
 .back{min-height:44px;display:inline-flex;align-items:center;margin-bottom:14px}
 .archive-share{min-height:44px;padding:10px 14px}
 .hero-button .detail-hero{height:auto;max-height:65dvh;object-fit:contain;background:transparent}
 .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px}
 .filters select,.filters input{width:100%;max-width:100%;margin:0}
 .filters #group{grid-column:1/-1}
 .filters #reset{justify-self:start;padding:10px 12px}
 #art{width:calc(100% - 16px);padding:12px;max-height:calc(100dvh - 24px)}
 #art .close{display:inline-block;margin:0 0 12px;float:right}
 #art .art-zoom{display:block;min-height:44px;padding:8px 12px;margin:0 0 12px;border:1px solid #ddd;font-size:12px}
 #art .art-viewport{clear:both;max-height:60dvh;overflow:auto;overscroll-behavior:contain}
 #art .art-viewport img{display:block;margin:auto;max-width:100%;max-height:60dvh}
 #art.is-zoomed .art-viewport img{width:200%;max-width:none;max-height:none;height:auto;margin:0}
 #art p{overflow-wrap:anywhere}
}