/* Use the existing AI workbench preview's frame, width and surface treatment. */
.practice-showcase{width:min(1184px,calc(100% - 96px));margin:28px auto 0}
.practice-preview-frame{border:1px solid #e2e4e7;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 65px -32px #13223926,0 3px 12px #00000003}
.practice-preview-topbar{height:62px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #edf0f4}
.practice-preview-brand{display:flex;align-items:center;gap:21px}
.practice-preview-brand .wordmark{font-size:22px;letter-spacing:-1px}
.practice-preview-label{border-left:1px solid #e1e5eb;padding-left:21px;font-size:11px;color:#818894}
.practice-preview-topbar>a{font-size:11px;color:#555;white-space:nowrap}
.practice-preview-topbar>a span{margin-left:10px}
.practice-preview-topbar>a:hover{text-decoration:underline;text-underline-offset:4px}
.practice-preview-window{display:block;width:100%;height:640px;border:0;background:#fff}
.practice-showcase .product-caption{padding:25px 0 0}
@media(max-width:1050px) and (min-width:701px){.practice-showcase{width:calc(100% - 64px)}.practice-preview-window{height:610px}}
@media(max-width:700px){.practice-showcase{width:calc(100% - 32px);margin-top:20px}.practice-preview-frame{border-radius:11px}.practice-preview-topbar{height:55px;padding:0 16px;gap:12px}.practice-preview-brand{gap:12px}.practice-preview-brand .wordmark{font-size:19px}.practice-preview-label{padding-left:12px;font-size:10px}.practice-preview-topbar>a{font-size:10px}.practice-preview-topbar>a span{margin-left:4px}.practice-preview-window{height:540px}.practice-showcase .product-caption{padding-top:22px}}
