password-strength-checker {
    display: flex;
    flex-wrap: wrap;
}

password-strength-checker [data-guideline-id] {
    width: 100%;
}

@media (min-width: 992px) {
    password-strength-checker:not(.layout-narrow) [data-guideline-id] {
        width: 50%;
    }
}

password-strength-checker [data-guideline-id]:last-of-type {
    width: 100%;
}

password-stength-checker [data-status] {
    display: inline-block;
    text-align: center;
    width: 1.5em;
}

password-strength-checker [data-example] {
    color: red;
    font-weight: bold;
}

password-strength-checker [data-character-examples] {
    font-family: monospace;
    font-weight: bold;
}