.ta-book { position:relative; padding: 1rem 0.5rem; border: solid 1px #eee; font-size: .875rem; line-height: 1.25; }
.ta-book-link::before { content: ""; display: block; position: absolute; inset: 0; }
.ta-book-name { display: block; margin-bottom: 1rem; color: #53b3eb; }
.ta-book-author { display: block; color:#dc7d63; }
@media(hover: hover) {
    .ta-book:hover { background-color: #fafafa; }
    .ta-book:hover .ta-book-name { text-decoration: underline; }
}

.ta-articles { padding-left: 0; list-style-position: inside; font-size: .875rem; line-height: 1.25; }
.ta-articles li + li { margin-top: 1rem; }
.ta-articles a { color: #0072c9; }
@media(hover: hover) {
    .ta-articles a:hover { color: midnightblue; text-decoration: underline; }
}