.head{padding:26px 40px 6px}.head p{color:var(--muted);font-size:var(--fs-body);max-width:60ch;margin:0}.grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-5);padding:34px 40px 56px}a.book{text-decoration:none;color:var(--ink)}.book{flex:0 0 calc((100% - 66px)/4);background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-rest);transition:transform .18s ease,box-shadow .18s ease}.book:hover{box-shadow:var(--shadow-hover)}@media (hover:hover) and (pointer:fine){.book:hover{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.book{transition:none}.book:hover{transform:none}}.cover{position:relative;aspect-ratio:3/4;background:var(--green-tint);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:var(--muted);font-family:'Spectral',serif;font-size:var(--fs-lead)}.cover img{width:100%;height:100%;object-fit:cover;display:block}.bc{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column}.cover .tag{position:absolute;top:12px;left:12px;background:var(--green);color:#fff;font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:.03em;text-transform:uppercase;padding:4px 11px;border-radius:var(--radius-pill);z-index:2}.book h3{font-size:var(--fs-title);margin-bottom:8px;line-height:1.15}.desc{font-size:var(--fs-small);color:var(--muted);margin:0 0 16px}.more{margin-top:auto;text-align:center;padding:10px;border-radius:var(--radius-control);background:var(--green-tint);color:var(--green-deep);font-size:var(--fs-small);font-weight:500}.more:hover{background:var(--green-tint)}@media(max-width:860px){.page{border:none}.menu{display:none}.grid{padding:24px 18px 40px;gap:var(--space-4)}.book{flex:0 0 calc((100% - 16px)/2)}.head{padding:20px 18px 4px}.crumbs{padding:16px 18px 0}.nav,.footer{padding-left:18px;padding-right:18px}}