css/spry.css

@@ -1466,6 +1466,14 @@ input[type="radio"] {
    13. Components — cards
    ========================================================================== */
 
+.card {
+  background: var(--spry-card-bg);
+  border: var(--spry-border-width) solid var(--spry-card-border);
+  border-radius: var(--spry-radius);
+  box-shadow: var(--spry-card-shadow);
+  backdrop-filter: var(--spry-glass);
+}
+
 /* Padding comes with the card, so a bare <div class="card"> already looks
    right; structural sections carry their own padding flush to the frame, so
    a card built from them drops the default. Both rules sit at zero