.result-examples { clear:both; }
.container .result-examples > .container,.wrap .result-examples > .container { width:100%; }
.result-example-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.result-example { min-width:0; margin:0; border:1px solid var(--border,#253241); border-radius:12px; overflow:hidden; background:var(--panel,#121922); display:flex; flex-direction:column; }
.result-example-image { display:flex; align-items:center; justify-content:center; padding:1rem; background:#0b0f14; height:210px; }
.result-example img { width:100%; height:100%; object-fit:contain; }
.result-example figcaption { padding:1rem; display:flex; flex-direction:column; flex:1; align-items:start; }
.result-example h3 { margin:0 0 .5rem; font-size:1.1rem; }
.result-example p { margin:0 0 .75rem; color:var(--muted,#9fb0c0); }
.result-example .button { margin-top:auto; min-height:44px; }
.result-example a:focus-visible { outline:2px solid var(--accent,#2dd4bf); outline-offset:-4px; }
.result-example .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:850px) { .result-example-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .result-example-grid { grid-template-columns:minmax(0,1fr); } }