.ia9-public-ux .ia9-case-intro {display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:56px;align-items:center}
.ia9-public-ux .ia9-case-intro>div {min-width:0}
.ia9-public-ux .ia9-case-device {margin:0 auto;max-width:320px;width:100%;padding:10px;background:#122735;border:1px solid #426779;border-radius:36px;box-sizing:border-box;box-shadow:0 24px 70px #06435c26}
.ia9-public-ux .ia9-case-device img {display:block;width:100%;height:auto;border-radius:26px}
.ia9-public-ux .ia9-case-device figcaption {padding:12px 6px 6px;color:#d1edf7;font-size:11px;line-height:1.6;text-align:center}
.ia9-public-ux .ia9-case-facts {display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.ia9-public-ux .ia9-case-facts span {border:1px solid #82c6da;border-radius:999px;padding:6px 12px;color:#154c64;background:#e4f8ff;font-size:13px}
.ia9-public-ux .ia9-case-study {max-width:900px;margin-inline:auto}
.ia9-public-ux .ia9-case-study>nav {display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px;border:1px solid var(--ia9-border);border-radius:18px;background:var(--ia9-bg-2)}
.ia9-public-ux .ia9-case-study img {display:block;max-width:100%;height:auto}
.ia9-public-ux .ia9-case-study .ia9-case-extra {max-width:420px;margin-inline:auto}
.ia9-public-ux .ia9-case-study video {display:block;width:min(100%,416px);height:auto;margin-inline:auto;border-radius:24px;background:#101a23}
.ia9-public-ux .ia9-case-study video:focus-visible {outline:3px solid var(--ia9-blue);outline-offset:4px}
.ia9-public-ux .ia9-case--mobile .ia9-case__thumb {height:300px;padding:14px;background:linear-gradient(135deg,#72d7ec,#b4eaf9)}
.ia9-public-ux .ia9-case--mobile .ia9-case__thumb img {object-fit:contain;object-position:center;filter:none;transform:none;border-radius:14px}
.ia9-public-ux .ia9-case--mobile .ia9-case__thumb::after {display:none}
.ia9-public-ux .ia9-case__head h2 {font-size:22px;line-height:1.35;margin:0 0 10px;color:var(--ia9-ink)}
.ia9-public-ux .navigation.pagination {margin-top:36px}
.ia9-public-ux .nav-links {display:flex;gap:12px;flex-wrap:wrap}
.ia9-public-ux .page-numbers {display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;padding:8px 14px;border:1px solid var(--ia9-border);border-radius:12px}
.ia9-public-ux .page-numbers.current {background:var(--ia9-blue);color:white}
@media(max-width:700px) {.ia9-public-ux .ia9-case-intro {grid-template-columns:minmax(0,1fr);gap:32px}.ia9-public-ux .ia9-case-device {max-width:280px}}