.tb-recent{display:block;max-width:1360px;margin:auto;padding:0 54px;font-family:var(--font-body-family),sans-serif;color:#17382b}
.tb-recent [hidden]{display:none!important}.tb-recent section{padding:40px 0 50px;border-top:1px solid #dde5de}
.tb-recent__head{display:flex;align-items:center;justify-content:space-between;gap:20px}.tb-recent__head p{margin:0 0 9px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#617466}
.tb-recent h2{margin:0;font:600 clamp(24px,3vw,34px)/1.2 var(--font-body-family),sans-serif;letter-spacing:-.03em}
.tb-recent__head button{background:none;border:0;color:#526558;min-height:44px;padding:8px 0;font:12px var(--font-body-family),sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer;flex-shrink:0}
.tb-recent__copy{font-size:13px;color:#617466;line-height:1.6;margin:14px 0 24px}
.tb-recent__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.tb-recent__book{position:relative;min-width:0}.tb-recent__link{display:block;color:#17251e;text-decoration:none;font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.tb-recent__cover{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#f3f6f1;border-radius:10px;padding:23px;margin-bottom:13px;overflow:hidden}
.tb-recent__cover img{display:block;max-width:100%;width:auto;height:auto;max-height:100%;object-fit:contain;box-shadow:3px 7px 13px #17382b1a;transition:transform .25s ease}
.tb-recent a:focus-visible,.tb-recent button:focus-visible{outline:2px solid #17382b;outline-offset:4px}
@media(hover:hover){.tb-recent__link:hover img{transform:translateY(-5px) rotate(-1deg)}.tb-recent__link:hover [data-recent-title]{text-decoration:underline;text-underline-offset:3px}}
@media(max-width:1099px){.tb-recent{padding:0 30px}.tb-recent__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:749px){.tb-recent{padding:0 22px}.tb-recent section{padding:30px 0}.tb-recent__grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:5px 5px 16px;margin:-5px;scrollbar-width:thin}.tb-recent__book{flex:0 0 42%;scroll-snap-align:start}.tb-recent__cover{padding:18px}.tb-recent__head{gap:12px}}
@media(prefers-reduced-motion:reduce){.tb-recent__cover img{transition:none}.tb-recent__link:hover img{transform:none}.tb-recent__grid{scroll-snap-type:none}}