.genre-explorer{margin-top:18px;padding:26px;border:1px solid #e0c2a4;border-radius:20px;background:linear-gradient(135deg,#fffaf2,#f1d9bd)}
.genre-explorer h2{margin:4px 0 8px;font:29px "DM Serif Display";color:#4f3024}
.genre-explorer>p:not(.eyebrow){max-width:560px;color:#765646;font-size:13px;line-height:1.5}
.genre-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
.genre-list button{border:1px solid #d8b497;border-radius:999px;padding:9px 13px;background:#fffdf8;color:#714a38;font:700 12px "DM Sans";cursor:pointer;transition:.18s ease}
.genre-list button:hover,.genre-list button.is-selected{border-color:#9e5d42;background:#9e5d42;color:#fffaf2;transform:translateY(-1px)}
.genre-list button span{margin-right:5px;color:#b66e4d}.genre-list button.is-selected span{color:#ffe5c7}
.genre-result{margin:14px 0 0;color:#875e49;font-size:12px;font-weight:600}
.rec[hidden]{display:none}
.genre-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:19px;padding-top:18px;border-top:1px solid #e4c9b3}
.genre-book{min-width:0;padding:10px;border:1px solid #e5c8b0;border-radius:13px;background:#fffdf8;box-shadow:0 5px 13px #68402210}
.genre-book img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:6px;background:#ead8c6}
.genre-book b{display:block;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5a382c;font-size:12px}
.genre-book small{display:block;margin-top:3px;color:#8a6655;font-size:10px}
@media(max-width:650px){.genre-books{grid-template-columns:repeat(2,minmax(0,1fr))}}
.genre-load-more{margin-top:15px;border:1px solid #b87959;border-radius:999px;padding:10px 15px;background:#9e5d42;color:#fffaf2;font:700 12px "DM Sans";cursor:pointer;box-shadow:0 5px 12px #70402a22}.genre-load-more:hover{background:#854831}.genre-load-more:disabled{opacity:.7;cursor:default}