.bb-mobile-search {
    background: transparent;
    border: 0;
    color: inherit;
    padding: 0 .35em;
    font-size: inherit;
}
.bb-mobile-search:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.mobile-search #mobile-book-search { transition: none; }
.bb-captcha { display: grid; justify-items: start; gap: .6rem; text-align: start; }
.bb-captcha audio { width: 100%; max-width: 19rem; }
.bb-captcha-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.bb-book-unlock { padding: 1rem; text-align: start; }
.bb-book-unlock form { max-width: 26rem; margin-inline: auto; }
.bb-table-label { display: none; }
@media (max-width: 767px) {
    .bb-member-table, .bb-member-table tbody { display: block; width: 100%; }
    .bb-member-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .bb-member-table tbody tr { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-bottom: 1px solid #d4dce8; padding: .5rem; }
    .index-table .table-responsive > .bb-member-table > tbody > tr > td { display: block; padding: .45rem; min-width: 0; white-space: normal; overflow-wrap: anywhere; border: 0; }
    .bb-member-table td:nth-child(2), .bb-member-table td.action { grid-column: 1 / -1; }
    .bb-table-label { display: block; font-weight: 600; }
    .bb-member-table .image-holder, .bb-member-table .image-placeholder { max-width: 100%; max-height: 6rem; }
}