.lib-hero{padding-bottom:var(--sp-8)}.lib-intro{max-width:720px}.lib-intro .hero-lede{max-width:620px}.lib-panel{margin-top:var(--sp-8)}.lib-search{background:var(--white);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--sh-soft);align-items:center;gap:12px;padding:16px 22px;display:flex}.lib-search .ico{color:var(--green-grass);flex-shrink:0}.lib-search input{min-width:0;font-family:var(--font-body);font-size:var(--fs-body);color:var(--dark-green);background:0 0;border:0;outline:0;flex:1}.lib-search input::placeholder{color:var(--text-faint)}.lib-search input::-webkit-search-cancel-button{display:none}.lib-clear{background:var(--frozen-green);color:var(--dark-green);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-caption);border-radius:var(--r-pill);cursor:pointer;border:0;padding:6px 14px}.lib-suggestions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.lib-suggestions>span{font-size:var(--fs-caption);color:var(--text-muted)}.lib-chip{cursor:pointer;font:inherit;font-size:var(--fs-caption);border:0}.lib-chip:hover{background:var(--mint)}.lib-count{font-size:var(--fs-body-sm);color:var(--text-muted);margin-top:18px}.lib-grid{grid-template-columns:repeat(6,1fr);gap:22px;margin-top:26px;display:grid}.lib-book{text-decoration:none;display:block}.lib-cover{aspect-ratio:3/4;border-radius:var(--r-md);background:var(--frozen-green);box-shadow:var(--sh-card);transition:transform var(--dur-base) var(--ease-soft);position:relative;overflow:hidden}.lib-book:hover .lib-cover{transform:translateY(-4px)}.lib-cover img{object-fit:cover;width:100%;height:100%;display:block}.lib-level{z-index:1;position:absolute;top:10px;left:10px}.lib-title{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-body-sm);color:var(--dark-green);margin-top:10px;line-height:1.3}.lib-author{font-size:var(--fs-caption);color:var(--text-muted);margin-top:2px}.lib-notes{flex-wrap:wrap;gap:32px;display:flex}@media (max-width:1060px){.lib-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.lib-grid{grid-template-columns:repeat(2,1fr);gap:16px}.lib-search{padding:12px 16px}}