@layer bookshelfTiles {
.card {border:1px solid #b39464!important;border-radius:10px!important;background:linear-gradient(135deg,#f5e9d3,#dbc39b)!important;box-shadow:inset 0 1px 0 #fff8e8,0 3px 6px #1e110633!important;overflow:visible!important;transition:background .18s,box-shadow .18s;}
.card .tile-link {display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:flex-start!important;text-align:left!important;padding:9px 10px!important;min-height:82px!important;border-radius:9px!important;background:transparent!important;}
.card .tile-art {display:block!important;flex:0 0 54px!important;width:54px!important;height:64px!important;object-fit:contain!important;object-position:center!important;background:transparent!important;filter:drop-shadow(0 2px 2px #624b3426);}
.card h3 {font-size:14px!important;line-height:1.5!important;font-weight:700!important;margin:0!important;overflow-wrap:anywhere!important;color:#382510!important;}
.card:hover {background:linear-gradient(135deg,#fff4df,#ecd3a6)!important;box-shadow:inset 0 1px 0 #fffaf0,0 4px 10px #160b0655!important;}
.card .tile-link:focus-visible {outline:3px solid #e8be70!important;outline-offset:3px!important;}
.bookshelf-site-title {display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;line-height:1.3!important;}
.bookshelf-site-title .brand {font-size:clamp(26px,3vw,40px)!important;font-weight:700!important;}
@media(max-width:650px){.card .tile-link{gap:5px!important;padding:7px!important;min-height:82px!important;}.card .tile-art{flex-basis:38px!important;width:38px!important;height:52px!important;}.card h3{font-size:13px!important;}}
}