/* Responsive editorial gallery for BTL Core canvas components.
   Source is static because production host has no Node/Vite executable. */
.btl-canvas-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(.8rem, 2vw, 1.6rem);
    margin-top: 2rem;
}
.btl-canvas-gallery__item { min-width: 0; margin: 0; }
.btl-canvas-gallery__item a {
    display: block; overflow: hidden; border-radius: .65rem;
    background: rgba(127,127,127,.08); outline-offset: 4px;
}
.btl-canvas-gallery__item a:focus-visible {
    outline: 3px solid #138040;
}
.btl-canvas-gallery__item img {
    display: block; width: 100%; height: auto;
    aspect-ratio: 4 / 3; object-fit: cover;
    transition: transform .2s ease;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
    .btl-canvas-gallery__item a:hover img { transform: scale(1.025); }
}
.btl-canvas-gallery__item figcaption {
    margin-top: .65rem; font-size: .85rem; line-height: 1.5;
}
@media (max-width: 850px) {
    .btl-canvas-gallery { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 480px) {
    .btl-canvas-gallery { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
    .btl-canvas-gallery__item img { transition: none; }
}