.solution-product-example{position:relative;z-index:1;width:100%;max-width:64rem;margin:var(--spacing-xl) auto;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-primary)}.solution-product-example__images{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--spacing-md);padding:var(--spacing-md);align-items:start}.solution-product-example__images a{display:grid;min-width:0;justify-items:center}.solution-product-example__images img{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.solution-product-example__caption{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background);font-size:var(--font-size-base)}.solution-product-example__caption p{flex:1 1 18rem;margin:0;color:var(--color-text-primary)}.solution-product-example__action{flex:0 1 auto;gap:var(--spacing-sm);max-width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary)}.solution-product-example__action:hover{border-color:var(--color-link);color:var(--color-link)}.solution-product-example__action:focus-visible,.solution-product-example__images a:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}