/* /books/ */
.bk-sec h2 { margin-top: 2rem; }
.bk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1rem; }
.bk-card { display: flex; gap: 1rem; background: #fff; border: 1px solid var(--mist-2); border-radius: 14px; padding: 1rem; scroll-margin-top: 6rem; }
.bk-card:target { outline: 3px solid var(--lantern); box-shadow: 0 0 0 8px rgba(242,179,61,.25); }
.bk-cover img { display: block; width: 96px; height: 144px; object-fit: cover; border-radius: 4px; background: var(--mist); box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.bk-txt { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.bk-txt h3 { margin: 0; font-size: 1.05rem; line-height: 1.3; }
.bk-txt p { margin: 0; }
.bk-by { color: var(--muted-l); font-size: .92rem; }
.bk-tags { font-size: .82rem; color: var(--muted-l); }
.bk-txt .btn { align-self: flex-start; margin-top: auto; }
.bk-big { background: var(--spruce); color: #F3F1DA; border: 2px solid var(--lantern); padding: 1.4rem; margin-bottom: 1rem; max-width: 760px; }
.bk-big .bk-cover img { width: 150px; height: 225px; }
.bk-big h3 { font-size: 1.5rem; color: var(--lantern-2); }
.bk-big .bk-by, .bk-big .bk-tags { color: var(--lichen); }
.bk-kick { font-size: .8rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--lantern); }
.bk-why { line-height: 1.5; }
@media (max-width: 520px) { .bk-big { flex-direction: column; } }
.bk-nocover { display: flex; align-items: center; justify-content: center; width: 96px; height: 144px; flex: none; padding: .6rem; border-radius: 4px;
  text-decoration: none; text-align: center; font: 700 .78rem/1.25 var(--display); color: #F3F1DA; background: var(--spruce-3); box-shadow: inset 6px 0 0 rgba(0,0,0,.25), 0 4px 12px rgba(0,0,0,.18); }
.bk-nocover.tone-1 { background: #5E4A3A; } .bk-nocover.tone-2 { background: #3B4C6B; } .bk-nocover.tone-3 { background: #6B3B4C; } .bk-nocover.tone-4 { background: #4A5E3A; }