.site-example{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink)!important;display:flex;flex-direction:column;overflow:hidden;text-decoration:none}.site-example:hover{border-color:var(--brand)}.site-example:hover .site-example-title{color:var(--brand-strong)}.site-example-image{border-bottom:1px solid var(--rule)}.site-example-image img{aspect-ratio:4/3;display:block;height:auto;width:100%}.site-example-text{align-items:center;display:grid;gap:.35rem .75rem;grid-template-columns:1fr auto;padding:.85rem 1rem 1rem}.site .site-example-title{font:600 1.25rem/1.15 var(--font-display);margin:0}.site-example-facts{color:var(--muted);font:.78rem/1.45 var(--font-mono);grid-column:1/-1}