.scan-resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.25rem 0 2rem; }
.scan-resource { display: flex; flex-direction: column; min-width: 0; padding: 1rem; text-align: center; background: var(--card-bg); border: 1px solid var(--card-border); border-radius: 8px; box-shadow: var(--card-box-shadow); }
.scan-resource__image { display: flex; width: 100%; height: 220px; margin-bottom: .85rem; align-items: center; justify-content: center; overflow: hidden; background: transparent; border-radius: 6px; }
.scan-resource__image img { display: block; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain; }
.scan-resource__image img:not(.medium-zoom-image--opened) { cursor: zoom-in; }
.scan-resource__image .img-alt { display: none; }
.scan-resource h3 { margin: 0; color: var(--font-color); font-size: 1rem; line-height: 1.45; }
.scan-resource p { margin: .28rem 0 0; color: var(--font-color); font-size: .85rem; opacity: .68; }
#article-container .flink .flink-item-name,
#article-container .flink .flink-item-desc { text-align: center; }
@media screen and (max-width: 1024px) { .scan-resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media screen and (max-width: 600px) { .scan-resource-grid { grid-template-columns: 1fr; } }