.examples-hero.svelte-1s1pej0{padding:clamp(var(--bd-s-7), 7vw, var(--bd-s-11));border:var(--bd-stroke) var(--bd-border);border-radius:var(--bd-r-panel);background-color:var(--bd-layer-card)}.hero-meta.svelte-1s1pej0,.card-meta.svelte-1s1pej0{justify-content:space-between;align-items:center;gap:var(--bd-s-4);color:var(--bd-accent-deep);display:flex}h1.svelte-1s1pej0{margin:var(--bd-s-4) 0}.examples-hero.svelte-1s1pej0 p:where(.svelte-1s1pej0){max-width:44rem;color:var(--bd-text-muted);margin:0}.example-grid.svelte-1s1pej0{gap:var(--bd-s-4);margin:var(--bd-s-6) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.example-grid.svelte-1s1pej0>li:where(.svelte-1s1pej0){min-width:0;display:flex}.example-card-link.svelte-1s1pej0{width:100%;color:inherit;text-decoration:none;display:flex}.example-card-link.svelte-1s1pej0>.bd-card{flex-direction:column;width:100%;display:flex}.example-card-link.svelte-1s1pej0:focus-visible{border-radius:var(--bd-r-card);box-shadow:var(--bd-focus-ring);outline:none}.example-image.svelte-1s1pej0{aspect-ratio:3/2;object-fit:cover;border-bottom:var(--bd-stroke) var(--bd-border);background:var(--bd-layer-card);width:100%;height:auto;display:block}.example-body.svelte-1s1pej0{padding:var(--bd-s-5);flex-direction:column;flex:1;display:flex}h2.svelte-1s1pej0{margin:var(--bd-s-4) 0 var(--bd-s-2)}.example-body.svelte-1s1pej0 p:where(.svelte-1s1pej0){color:var(--bd-text-muted);margin:0}@media (width<=1023px){.example-grid.svelte-1s1pej0{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.example-grid.svelte-1s1pej0{grid-template-columns:1fr}}