/* Keep the three original drawings uncropped and outside photo motion effects. */
.mini-detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2px,.2vw,7px);padding:clamp(2px,.25vw,8px);background:#fff}
.mini-detail-gallery>span{display:block;min-width:0;min-height:0;overflow:hidden}
.mini-detail-gallery img{display:block;width:100%;height:100%;object-fit:contain;opacity:1}
.mini-plan-media{background:#fff}
.mini-plan-media>span{display:block;width:100%;height:100%}
.mini-plan-media img{display:block;width:100%;height:100%;object-fit:contain}
.drawing-gallery{display:flex;flex:1;min-height:0}
.drawing-gallery>.detail-sheet{flex:1}
.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,.6vw,22px);flex:1;min-height:0}
.detail-sheet{display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink);background:transparent;text-align:left;font:inherit}
.detail-sheet-image{display:flex;flex:1;min-height:0;width:100%;padding:clamp(8px,.5vw,18px);background:#fff}
.detail-sheet-image img{display:block;width:100%;height:100%;object-fit:contain}
.detail-sheet-label{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px 10px;font-size:clamp(11px,.65vw,22px);line-height:1.5}
.detail-gallery-hint{display:none;color:var(--muted);font-size:clamp(10px,.55vw,19px);margin:10px 4px 0}
@media(max-width:760px){
  .detail-gallery{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:5px}
  .detail-sheet{flex:0 0 88%;scroll-snap-align:start}
  .detail-sheet-label{padding:7px 10px;font-size:11px}
  .detail-gallery-hint{display:block;font-size:10px;margin-top:6px}
}