.bk-testament {
margin-block-end: var(--space-xl);
scroll-margin-block-start: calc(var(--header-height) + var(--space-md));
}
.bk-division {
margin-block: var(--space-lg) var(--space-md);
}
.bk-division-head {
display: flex;
align-items: center;
gap: var(--space-sm);
margin: 0 0 var(--space-xs);
}
.bk-division-head .dst-overline {
margin: 0;
font-size: var(--font-size-2xs);
color: var(--color-text-muted);
}
.bk-division-head .dst-overline:is(:lang(ar), :lang(fa), :lang(ur), :lang(he), :lang(zh), :lang(ja), :lang(ko), :lang(th), :lang(my), :lang(hi), :lang(mr), :lang(bn), :lang(gu), :lang(ta), :lang(te), :lang(ml)) {
font-size: var(--font-size-xs);
}
.bk-icon {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
inline-size: 32px;
block-size: 32px;
border-radius: var(--radius-md);
background: var(--color-primary-active-bg);
color: var(--color-primary);
font-size: var(--font-size-sm);
}
.bk-books {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));
gap: var(--space-2xs) var(--space-md);
margin: 0 calc(-1 * var(--space-sm));
padding: 0;
list-style: none;
}
.bk-book {
position: relative;
display: flex;
flex-direction: column;
gap: var(--space-2xs);
padding: var(--space-sm);
border-radius: var(--radius-md);
transition: background-color var(--transition-fast);
}
.bk-book:hover {
background: var(--color-surface-hover);
}
.bk-book:has(.bk-book-name:focus-visible) {
box-shadow: var(--focus-ring);
}
.bk-book-name:focus-visible {
box-shadow: none;
}
.bk-book-name {
font-family: var(--font-title-serif);
font-size: calc(var(--font-size-base) * var(--title-serif-scale));
font-weight: 600;
line-height: var(--leading-snug);
color: var(--color-text);
text-decoration: none;
}
.bk-book-name::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
}
.bk-book:hover .bk-book-name {
color: var(--color-primary);
}
.bk-book-meta {
font-size: var(--font-size-xs);
color: var(--dst-ink-3);
font-variant-numeric: tabular-nums;
}
.bk-book-identity {
margin: var(--space-2xs) 0 0;
font-size: var(--font-size-sm);
line-height: var(--leading-normal);
color: var(--color-text-muted);
text-wrap: pretty;
}
@media (width <= 640px) {
.bk-books {
grid-template-columns: minmax(0, 1fr);
gap: 0;
margin-inline: 0;
}
.bk-book {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: baseline;
column-gap: var(--space-md);
row-gap: 0;
padding: var(--space-sm) var(--space-2xs);
border-radius: 0;
border-block-end: 1px solid var(--dst-seam);
}
.bk-book:last-child {
border-block-end: 0;
}
.bk-book-meta {
white-space: nowrap;
}
.bk-book-identity {
grid-column: 1 / -1;
}
}