.fh-currently-reading .fh-reading-grid {
    display: grid;
    grid-template-columns: repeat(var(--fh-reading-columns, 3), minmax(0, 1fr));
    gap: 1.75rem 1.25rem;
    list-style: none;
    padding: 0;
    margin: 0;
}
.fh-reading-columns-1 { --fh-reading-columns: 1; }
.fh-reading-columns-2 { --fh-reading-columns: 2; }
.fh-reading-columns-3 { --fh-reading-columns: 3; }
.fh-reading-columns-4 { --fh-reading-columns: 4; }
.fh-reading-columns-5 { --fh-reading-columns: 5; }
.fh-reading-columns-6 { --fh-reading-columns: 6; }
.fh-currently-reading .fh-reading-book { min-width: 0; margin: 0; padding: 0; }
.fh-currently-reading .fh-reading-link { display: block; color: inherit; text-decoration: none; }
.fh-currently-reading .fh-reading-link:hover .fh-reading-title { text-decoration: underline; }
.fh-currently-reading .fh-reading-link:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
.fh-currently-reading .fh-reading-cover-frame { display: flex; align-items: flex-end; width: 100%; max-width: 13rem; aspect-ratio: 2 / 3; margin-bottom: .75rem; }
.fh-currently-reading .fh-reading-cover { display: block; width: 100%; height: 100%; max-height: none; object-fit: contain; object-position: left bottom; }
.fh-currently-reading .fh-reading-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; padding: 1rem; border: 1px solid currentColor; text-align: center; font-size: .8em; }
.fh-currently-reading .fh-reading-title { display: block; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; }
.fh-currently-reading .fh-reading-author { display: block; margin-top: .3rem; font-size: .9em; line-height: 1.4; overflow-wrap: anywhere; }
.fh-currently-reading .fh-reading-details { display: block; min-width: 0; }
.fh-currently-reading .fh-reading-visually-hidden {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.fh-currently-reading.fh-reading-layout-covers .fh-reading-cover-frame { margin-bottom: 0; }
.fh-currently-reading.fh-reading-layout-list .fh-reading-grid,
.fh-currently-reading.fh-reading-layout-text .fh-reading-grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
.fh-currently-reading.fh-reading-layout-list .fh-reading-book + .fh-reading-book,
.fh-currently-reading.fh-reading-layout-text .fh-reading-book + .fh-reading-book { border-top: 1px solid currentColor; }
.fh-currently-reading.fh-reading-layout-list .fh-reading-link { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: 1rem; align-items: center; padding: 1rem 0; }
.fh-currently-reading.fh-reading-layout-list .fh-reading-cover-frame { margin: 0; max-width: 4rem; }
.fh-currently-reading.fh-reading-layout-text .fh-reading-link { padding: .8rem 0; }
@media (max-width: 640px) {
    .fh-currently-reading .fh-reading-grid { grid-template-columns: repeat(min(2, var(--fh-reading-columns, 3)), minmax(0, 1fr)); }
}
@media (max-width: 360px) {
    .fh-currently-reading .fh-reading-grid { grid-template-columns: minmax(0, 1fr); }
}