/* Single featured sample; existing application controls retain their styles. */
.example-grid-single{grid-template-columns:minmax(0,1fr);max-width:900px}
.example-grid-single .example-card{display:grid;grid-template-columns:minmax(200px,38%) minmax(0,1fr);align-items:stretch}
.example-grid-single .example-card img{height:230px;min-height:100%;object-fit:cover}
.example-grid-single .example-card span{padding:28px;align-content:center;gap:10px}
.example-grid-single .example-card strong{font-size:22px;line-height:1.6}
.example-grid-single .example-card small{font-size:14px;line-height:1.8}
@media(max-width:600px){.example-grid-single .example-card{grid-template-columns:1fr}.example-grid-single .example-card img{height:190px;min-height:0}.example-grid-single .example-card span{padding:20px}.example-grid-single .example-card strong{font-size:19px}.example-grid-single .example-card small{font-size:13px}}

.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.example-card{min-width:0}.example-card img{width:100%;height:220px;object-fit:cover}@media(max-width:700px){.example-grid{grid-template-columns:1fr}}

.example-card>div,.example-card>span{padding:18px;display:block;line-height:1.75}.example-card h3,.example-card strong{font-size:19px;line-height:1.55;margin:5px 0 8px;display:block}.example-card small,.example-card p{font-size:13px;line-height:1.8}.example-card p{margin:8px 0 14px}.example-card>div>span{font-size:13px;padding:0;display:block;margin-top:12px}.example-card>span small{display:block}@media(max-width:700px){.example-card img{height:210px}}