/* Live password rule checklist -- see Scripts/password-rules.js.
   JJE/Claude 08/20/2026.

   Three states. Pending is grey with a neutral bullet, because a form that opens
   showing five red crosses is accusing the member of a mistake they have not had
   the chance to make yet. Pass and fail differ by GLYPH as well as colour: tick,
   cross, bullet. Colour alone would leave a red/green colour-blind member reading
   five identical lines. */

.pw-rules-list {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
}

    .pw-rules-list li {
        position: relative;
        padding-left: 22px;
        font-size: 13px;
        line-height: 1.7;
        color: #6c757d;
        /* The sign-up card carries .text-center, which centred the rules away from
           their own markers. Same fix, and same reason, as #loginCard label. */
        text-align: left;
    }

        .pw-rules-list li::before {
            content: "\2022"; /* bullet */
            position: absolute;
            left: 4px;
            font-weight: 700;
        }

    .pw-rules-list li.is-pass {
        color: #2e7d32;
    }

        .pw-rules-list li.is-pass::before {
            content: "\2713"; /* check mark */
        }

    .pw-rules-list li.is-fail {
        color: #c62828;
    }

        .pw-rules-list li.is-fail::before {
            content: "\2715"; /* multiplication x */
        }