.book-collection{box-sizing:border-box;color:#fff;background:linear-gradient(125deg,#111719,#07100f);border:1px solid #ffffff26;border-radius:20px;max-width:1280px;margin:22px auto;padding:22px}.book-collection *{box-sizing:border-box}.book-collection header,.collection-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.book-collection header p{letter-spacing:.16em;color:#dcb873;margin:0 0 6px;font-size:10px}.book-collection h2{color:#fff;margin:0;font-size:clamp(23px,3vw,32px);line-height:1.1}.book-collection a{color:inherit;text-decoration:none}.book-collection header>a,.collection-foot a{color:#baff65;font-size:12px}.job-magnet-banner{background:linear-gradient(100deg,#3c210e,#171b1b);border:1px solid #f8ad5055;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:11px 14px;display:flex}.job-magnet-banner span{letter-spacing:.07em;color:#ffd79b;font-size:10px}.job-magnet-banner strong{font-size:15px}.book-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.book-collection-grid article{background:#ffffff05;border:1px solid #ffffff18;border-radius:12px;gap:12px;min-width:0;padding:12px;display:flex}.book-collection-grid article.is-new{border-color:#ffb45366}.collection-cover{flex:0 0 74px;align-self:center}.collection-cover img{object-fit:contain;border-radius:4px;width:74px;height:108px;display:block}.collection-copy{flex:1;min-width:0}.collection-copy small{color:#b9c3bd;font-size:10px;line-height:1.35;display:block}.collection-copy h3{color:#fff;margin:7px 0;font-size:17px;line-height:1.18}.collection-copy p{color:#c4cec8;margin:0 0 12px;font-size:12px;line-height:1.45}.collection-copy footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.collection-copy footer strong{color:#ffd39a;font-size:18px}.collection-copy footer a{color:#10180d;background:#d9f8b5;border-radius:7px;align-items:center;min-height:36px;padding:9px 10px;font-size:11px;font-weight:750;display:inline-flex}.collection-foot{color:#aebeb6;margin-top:14px;font-size:10px}.book-collection a:focus-visible{outline-offset:4px;outline:3px solid #ff78c9}.book-collection-compact{margin:12px 0;padding:16px}.book-collection-compact .book-collection-grid{grid-template-columns:1fr}.book-collection-compact .collection-cover img{width:54px;height:76px}.book-collection-compact .collection-cover{flex-basis:54px}.book-collection-compact .collection-copy p{margin-bottom:5px}.book-collection-compact h2{font-size:23px}@media (max-width:1000px){.book-collection-grid{grid-template-columns:1fr}.collection-cover{flex-basis:62px}.collection-cover img{width:62px;height:88px}.collection-copy h3{font-size:18px}.collection-copy footer{justify-content:flex-start;gap:16px}.collection-copy p{margin-bottom:7px}}@media (max-width:600px){.book-collection{margin:16px 12px;padding:14px}.book-collection-compact{margin:12px 0}.job-magnet-banner{gap:5px 12px}.job-magnet-banner strong{flex:1;font-size:14px}.job-magnet-banner>span:last-child{display:none}.collection-foot{line-height:1.5}.book-collection-grid article{padding:10px}.collection-copy h3{font-size:17px}}
