/* ════════════════════════════════════════════════════════════════════════
   zList_demo.css — a ONE-OFF quest-log list (opt in: zBrush [page, leaf, demo.zList_demo]).
   Proof for the Lists leaf's "_zClass — your own look" lesson: hand a zUL a
   class YOU wrote and the stock bullets step aside. Deliberately game-y —
   glowing star markers on gradient item cards — so it reads as clearly
   NOT a default list.
   ════════════════════════════════════════════════════════════════════════ */
/* _zClass lands on a wrapper <div>; the real <ul class="zList"> sits inside it —
   so the reset targets .demo-quest ul, not .demo-quest itself. */
.demo-quest ul {
    list-style: none;
    padding:    0;
    margin:     1rem 0;
    display:    grid;
    gap:        0.55rem;
    max-width:  30rem;
}
.demo-quest li {
    position:      relative;
    padding:       0.65rem 1.1rem 0.65rem 2.7rem;
    border:        1px solid rgba(129, 140, 248, 0.4);
    border-radius: 10px;
    background:    linear-gradient(135deg, rgba(99, 102, 241, 0.18), rgba(14, 165, 233, 0.08));
    font-weight:   600;
    transition:    transform 120ms ease;
}
.demo-quest li:hover { transform: translateX(4px); }
.demo-quest li::before {
    content:     '✦';
    position:    absolute;
    left:        1rem;
    color:       #a5b4fc;
    text-shadow: 0 0 10px rgba(129, 140, 248, 0.9);
}