.ib-usecase-latest { position:relative; }
.ib-usecase-nav { position:absolute; top:-6px; right:0; display:flex; align-items:center; gap:10px; }
.ib-usecase-arrow { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; border:1px solid #bfd1ea; background:#eef4ff; color:#3a5274; font-size:18px; transition:all .2s ease; }
.ib-usecase-arrow:hover { border-color:#7ea3d8; background:#dfeaff; color:#1f3f6e; box-shadow:0 8px 16px rgba(114,135,170,0.2); }
.ib-usecase-arrow:disabled { opacity:.55; cursor:default; box-shadow:none; color:#8ea1bb; background:#f1f5fb; border-color:#d4deeb; }

.ib-usecase-list { margin:0; padding:0; list-style:none; display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 48px) / 3); gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; -ms-overflow-style:none; scrollbar-width:none; }
.ib-usecase-list::-webkit-scrollbar { display:none; }
.ib-usecase-item { display:flex; flex-direction:column; gap:14px; align-items:stretch; padding:0; scroll-snap-align:start; }
.ib-usecase-thumb { display:block; overflow:hidden; min-height:190px; border-radius:24px; border:1px solid #dbe6f3; background:linear-gradient(135deg,#eef5ff 0%,#dfe9ff 52%,#f6f9ff 100%); box-shadow:0 18px 34px rgba(48, 79, 150, 0.12); }
.ib-usecase-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.ib-usecase-thumb-placeholder { width:100%; height:100%; min-height:190px; display:flex; align-items:center; justify-content:center; color:#6e83aa; font-size:28px; font-weight:900; letter-spacing:.16em; }
.ib-usecase-copy { display:flex; flex-direction:column; justify-content:flex-start; padding:0 2px; }
.ib-usecase-title { display:block; margin:0 0 8px; color:#1b2c4c; font-size:16px; line-height:1.35; font-weight:900; text-decoration:none; }
a.ib-usecase-title:hover { color:#2f57ff; text-decoration:none; }
.ib-usecase-copy p { margin:0; color:#8793a6; font-size:13px; line-height:1.65; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ib-usecase-meta { display:flex; flex-wrap:wrap; gap:8px 12px; margin-top:10px; color:#7a88a2; font-size:12px; font-weight:700; }
.ib-usecase-empty .ib-usecase-title { color:#31486f; }
.ib-usecase-empty .ib-usecase-copy { max-width:320px; }
@media (max-width: 1280px) { .ib-usecase-list { grid-auto-columns:calc((100% - 24px) / 2); } }
@media (max-width: 920px) { .ib-usecase-list { grid-auto-columns:100%; } }
@media (max-width: 760px) { .ib-usecase-nav { display:none; } .ib-usecase-title { font-size:24px; } .ib-usecase-thumb, .ib-usecase-thumb-placeholder { min-height:210px; } }