/* Scoped to the gallery list; shared board and main-page layouts stay unchanged. */
.board-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 24px; }
.board-gallery .board-gallery-card { min-width:0; margin:0; }
.board-gallery .board-gallery-link { display:block; height:100%; color:#333; text-decoration:none; border-radius:8px; }
.board-gallery .board-gallery-photo { position:relative; padding-top:75%; overflow:hidden; border-radius:8px; background:#f1f3f7; }
.board-gallery .board-gallery-placeholder { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#737b88; font-size:14px; }
.board-gallery .board-gallery-photo img { position:absolute; top:0; left:0; display:block; width:100%; height:100%; max-width:none; max-height:none; margin:0; object-fit:cover; background:#f1f3f7; transition:transform .2s ease; }
.board-gallery .board-gallery-caption { padding:14px 0 0; border:0; }
.board-gallery .board-gallery-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; height:3em; margin:0 0 9px; padding:0; border:0; font-size:17px; font-weight:600; line-height:1.5; }
.board-gallery .board-gallery-date { display:block; font-size:13px; line-height:1.5; color:#737b88; font-variant-numeric:tabular-nums; }
.board-gallery .board-gallery-link:hover .board-gallery-title { color:#4b39b7; }
.board-gallery .board-gallery-link:focus-visible { outline:2px solid #4b39b7; outline-offset:5px; }
.board-gallery .board-gallery-empty { grid-column:1/-1; margin:0; padding:64px 16px; text-align:center; color:#737b88; background:#f7f8fa; border-radius:8px; }
@media (hover:hover) { .board-gallery .board-gallery-link:hover img { transform:scale(1.025); } }
@media (max-width:989px) { .board-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 18px; } }
@media (max-width:589px) {
    .board-gallery { grid-template-columns:minmax(0,1fr); gap:26px; margin-left:8px; margin-right:8px; }
    .board-gallery .board-gallery-title { font-size:16px; height:auto; max-height:3em; margin-bottom:6px; }
}
@media (prefers-reduced-motion:reduce) { .board-gallery .board-gallery-photo img { transition:none; } }