.users-page { 
    padding-top: clamp(1.5rem, 4vw, 3.5rem); 
    padding-bottom: 4rem; 
}

.users-heading { 
    margin-bottom: 1.25rem; 
}

.users-eyebrow { 
    text-transform: uppercase; 
    letter-spacing: .12em; 
    font-size: .75rem; 
    opacity: .68; 
    margin: 0 0 .5rem; 
}

.users-heading h1 { 
    margin: 0; 
}

.users-nav {
    display: flex; 
    flex-wrap: wrap; 
    align-items: center; 
    gap: .6rem 1.25rem; 
    padding: .9rem 0; 
    margin-bottom: 1.6rem; 
    border-top: 1px solid var(--border, #9995); 
    border-bottom: 1px solid var(--border, #9995); 
}

.users-nav a, 
.users-nav 
.users-link-button { 
    font-size: .9rem; 
    font-variant: small-caps; 
}

.users-nav form { 
    display: inline; 
    margin: 0; 
}

.users-link-button {
    color: inherit; 
    background: none; 
    border: 0; 
    text-decoration: underline; 
    cursor: pointer; 
    padding: 0; 
    font: inherit; 
}

.users-content { 
    max-width: 100%; 
}

.users-content > form { 
    max-width: 760px; 
}

.users-content label:not(.check) { 
    display: block; 
    margin: 0 0 1rem; 
    font-size: .92rem; 
    font-weight: 600; 
}

.users-content input:not([type=checkbox]):not([type=hidden]), 
.users-content select { 
    display: block; 
    width: 100%; 
    max-width: 620px; 
    padding: .72rem .85rem; 
    margin: .35rem 0 0; 
    background: var(--surface, transparent); 
    color: inherit; 
    border: 1px solid var(--border, #9997); 
    border-radius: 7px; 
    font: inherit; 
}

.users-content button:not(.users-link-button), 
.users-content a.action { 
    display: inline-block; 
    padding: .7rem 1.15rem; 
    border-radius: 7px; 
    background: var(--accent, #a83e3e); 
    color: #fff; 
    border: 0; 
    text-decoration: none; 
    font: inherit; 
    font-weight: 600; 
    cursor: pointer; 
}

.users-content .check { 
    display: block; 
    margin: .65rem 0; 
    font-weight: 400; 
}

.users-content .check input { 
    margin-right: .55rem; accent-color: var(--accent, #a83e3e); 
}

.users-content table { 
    width: 100%; 
    border-collapse: collapse; 
    margin: 1rem 0 2rem; 
    display: block; 
    overflow-x: auto; 
}

.users-content th, 
.users-content td { 
    padding: .8rem 1rem .8rem 0; 
    text-align: left; 
    border-bottom: 1px solid var(--border, #9995); 
}

.users-content .error, 
.users-content .notice { 
    padding: .85rem 1rem; 
    border-left: 3px solid currentColor; 
    background: var(--surface, #8881); 
}

.users-content .error { 
    color: #c04b4b; 
}

.users-content .note {
    opacity: .7; 
    font-size: .9rem; 
}

.users-content a:focus-visible, 
.users-content button:focus-visible, 
.users-content input:focus-visible { 
    outline: 2px solid currentColor; 
    outline-offset: 3px; 
}

@media (max-width: 640px) { 
    .users-nav { 
        gap: .7rem 1rem; 
    } 
    .users-content th, 
    .users-content td { 
        padding: .65rem; 
    } 
}

.users-collection-title { 
    margin: 1.7rem 0 .7rem; 
}
.users-table-wrap { 
    overflow-x: auto; 
}
.users-content .users-books-table { 
    display: table; 
    width: 100%; 
    min-width: 690px; 
    table-layout: fixed; 
    margin: 0 0 1.5rem; 
}

.users-books-table th:nth-child(2), 
.users-books-table td:nth-child(2) { 
    white-space: nowrap; 
}

.users-books-table th:last-child, 
.users-books-table td:last-child { 
    white-space: nowrap; 
}

.users-books-table code { 
    font-size: .85em; 
}

.users-muted { 
    opacity: .55; 
}

@media (max-width: 640px) { 
    .users-books-table th, 
    .users-books-table td { 
        padding: .7rem .6rem; 
    } 
}

.users-subcollection-title { 
    margin: 1.2rem 0 .6rem; 
}

.users-collection-choice { 
    padding-left: calc(var(--users-depth, 0) * 1.4rem); 
}

.users-access-group { 
    margin: 1.25rem 0 .5rem; 
}