/* Naknes UI로 표현하지 않는 갤러리 콘텐츠와 카드 효과만 보완한다. */
.board-gallery .post-content { line-height: 1.9; }
.board-gallery .post-images:has(img) { margin-bottom: 32px; }
.board-gallery .card-placeholder { background: linear-gradient(135deg, var(--ui-gray-light), var(--ui-gray-medium)); }
.board-gallery .card-image::after { position: absolute; inset: 0; background: rgb(0 0 0 / 15%); content: ""; opacity: 0; transition: opacity 300ms; }
.board-gallery .card-link:is(:hover, :focus-visible) .card-arrow,
.board-gallery .card-link:is(:hover, :focus-visible) .card-image::after { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
    .board-gallery .card-link:is(:hover, :focus-visible) .card-image img { transform: scale(1.04); }
    .board-gallery .card-link:is(:hover, :focus-visible) .card-bottom i { transform: translate(2px, -2px); }
}
@media (prefers-reduced-motion: reduce) { .board-gallery .card-image::after { transition: none; } }
/* 페이지 링크는 서버 페이지네이션이 생성하므로 스킨 안에서만 보완한다. */
.board-gallery .list-pagination > * { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 10px; border: 1px solid transparent; border-radius: 50%; color: var(--ui-gray); font-size: var(--ui-text-xs); text-decoration: none; }
.board-gallery .list-pagination a:hover { border-color: var(--ui-gray-dark); color: var(--ui-gray-dark); }
.board-gallery .list-pagination .active { background: var(--ui-gray-dark); color: var(--ui-white); }