/* ==========================================================================
   TECHCOMIN CONTENT OFFENSIVE — thư viện ảnh bề mặt / không gian (2026-10-13)
   Chỉ trình bày. Ảnh có chữ vẫn bị image-fit.css ép contain (nạp trước file này).
   ========================================================================== */
.op-library{margin-block:var(--ui-sec)}
.op-note{margin:.25rem 0 1rem;font-size:.86rem;color:var(--ui-muted)}
.op-grid{display:grid;gap:clamp(10px,1.2vw,16px);
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.op-fig{margin:0;background:#fff;border:1px solid var(--ui-border);border-radius:12px;
  overflow:hidden}
.op-fig img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;background:var(--if-bg,#FAF8F3)}
.op-fig figcaption{padding:8px 11px;font-size:.78rem;color:var(--ui-muted);line-height:1.45}
@media (max-width:560px){.op-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .op-fig figcaption{font-size:.72rem}}