Stateless card

A presentational component with $props().

<script>
  let { title = "edge bundles", body = "Compile once. Cache by hash. Serve as URLs." } = $props();
</script>

<article><h2>{title}</h2><p>{body}</p></article>

<style>
  article{border:1px solid #e6e3dc;border-radius:1rem;padding:1.4rem 1.6rem;background:linear-gradient(180deg,#fff,#fffaf3);font:500 1rem/1.55 ui-sans-serif,system-ui;color:#1d1b18;max-width:36rem}h2{margin:0 0 .5rem;font-size:1.2rem;font-weight:760}p{margin:0;color:#4a463e}
</style>