/* styling_demo.css — demo classes for the zBifrost Client → Styling leaf ONLY.
   Loaded by that page's zMeta (zBrush: demo.styling_demo); nothing site-wide. */

.demo-card {
    display: grid;
    gap: 0.5rem;
    max-width: 420px;
    padding: 1.5rem 1.75rem;
    background: linear-gradient(135deg, rgba(147, 112, 219, 0.16), rgba(92, 169, 255, 0.10));
    border: 1px solid rgba(147, 112, 219, 0.35);
    border-radius: 18px;
}

.demo-card-title {
    font-weight: 700;
    font-size: 1.15rem;
    color: #C4B5FD;
}

/* One property — everything else a zBtn already is (color, hover, focus)
   keeps coming from zbase.css. */
.demo-pill {
    border-radius: 999px;
    padding-inline: 2rem;
}