/* <section class="w-card"><header class="w-card-header"><h3 class="w-card-title">…</h3><p class="w-card-description">…</p></header>
     <div class="w-card-content">…</div><footer class="w-card-footer">…</footer></section> */
.w-card { border: 1px solid var(--w-border); border-radius: calc(var(--w-radius) * 1.5); background: var(--w-bg); color: var(--w-fg);
  box-shadow: 0 1px 2px rgba(0,0,0,.04); font-family: var(--w-font); }
.w-card-header { padding: var(--w-space-5) var(--w-space-5) 0; display: grid; gap: 6px; }
.w-card-title { margin: 0; font: 600 var(--w-text-lg)/1.25 var(--w-font); letter-spacing: -.01em; }
.w-card-description { margin: 0; font-size: var(--w-text); color: var(--w-muted); }
.w-card-content { padding: var(--w-space-5); }
.w-card-footer { display: flex; gap: var(--w-space-2); align-items: center; padding: 0 var(--w-space-5) var(--w-space-5); }