.personal-shelf,.book-search-faq{font-family:var(--sb-sans,Ubuntu,sans-serif);color:#191919;scroll-margin-top:90px}
.personal-shelf{margin:48px 0 54px;border-block:1px solid #eee9dc;padding:36px 0}
.personal-shelf [data-personal-content]{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center}
.personal-shelf h2,.book-search-faq h2{font-size:clamp(26px,2.3vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.65px;margin:0 0 16px;text-wrap:balance}
.personal-shelf-copy h2{max-width:22ch}.personal-shelf-copy p{font-size:14px;line-height:1.7;max-width:43ch;color:#696359;margin:0 0 24px}
.personal-shelf .personal-shelf-cta{display:inline-flex;align-items:center;justify-content:center;gap:17px;border-radius:28px;background:#ffcb06;padding:13px 21px;min-height:44px;box-sizing:border-box;font-size:13px;font-weight:700;color:#181712;text-decoration:none}
.personal-shelf-copy small{display:block;font-size:10px;color:#7d7569;margin-top:10px}.personal-shelf-preview{position:relative;min-width:0;padding:20px 0;isolation:isolate}
.personal-hidden-books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:5px;filter:blur(4px);user-select:none;opacity:.78}
.personal-hidden-book{aspect-ratio:1/1.1;position:relative;overflow:hidden;border-radius:7px;background:#eed66e;box-shadow:0 9px 18px #251b0e19;transform:rotate(-5deg)}
.personal-hidden-book i{position:absolute;width:70%;height:80%;background:#382f23;left:25%;top:30%;border-radius:50% 50% 0 0;transform:rotate(22deg)}
.personal-hidden-book b{position:absolute;left:15%;top:15%;width:60%;height:5%;background:#fff5d7;box-shadow:0 12px #fff5d7}
.personal-hidden-book span{position:absolute;left:18%;bottom:9%;width:40%;height:3%;background:#fff8e9}
.personal-hidden-book.artwork-1{background:#262827;transform:translateY(-8px) rotate(3deg)}.artwork-1 i{background:#ffcb06;border-radius:50%;width:78%;height:65%;left:-15%}
.personal-hidden-book.artwork-2{background:#d2be99;transform:rotate(-3deg)}.artwork-2 i{background:#707563;transform:rotate(-33deg);left:15%;border-radius:0}
.personal-hidden-book.artwork-3{background:#f4e9ce;transform:translateY(-5px) rotate(5deg)}.artwork-3 i{background:#b17f42;width:35%;height:100%;border-radius:0;left:35%;top:0}
.personal-shelf-lock{position:absolute;inset:0;margin:auto;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;background:#ffcb06;border:5px solid #fff;box-shadow:0 4px 20px #3b300c20}.personal-shelf-lock svg{width:25px;height:25px;fill:none;stroke:#222;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.personal-shelf.is-unlocked [data-personal-content]{display:block}.personal-member-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.personal-member-heading p,.personal-shelf.is-unlocked p{font-size:13px;line-height:1.6;color:#6d675d;margin:0}
.personal-shelf .personal-edit{border:0;background:transparent;padding:10px 0;color:#27241d;white-space:nowrap;font:500 12px/1.5 var(--sb-sans,Ubuntu,sans-serif);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.personal-book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.personal-book{text-decoration:none;color:inherit;min-width:0}.personal-book img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;box-shadow:0 3px 10px #221b1012}.personal-book h3{font-size:15px;line-height:1.4;margin:13px 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.personal-book span{font-size:12px;color:#777}.personal-shelf .personal-book p{font-size:11px;margin-top:8px;line-height:1.6;color:#777065}
.book-search-faq{padding:8px 0 48px}.book-search-faq h2{max-width:35ch;margin-bottom:25px}.book-search-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start}.book-search-faq details{border-bottom:1px solid #e8e5de;padding:0 0 5px;min-width:0}.book-search-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:14px;line-height:1.55;font-weight:500;cursor:pointer;padding:19px 0}.book-search-faq summary::-webkit-details-marker{display:none}.book-search-faq summary span{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:#fff5ce;color:#524616;font-size:18px;font-weight:400;transition:transform .18s}.book-search-faq details[open] summary span{transform:rotate(45deg)}.book-search-faq details p{font-size:13px;line-height:1.8;color:#625d54;margin:0 0 16px;max-width:72ch}.book-search-faq details>a{display:inline-block;font-size:12px;color:#332e22;text-decoration:underline;text-underline-offset:4px;margin:0 0 18px;line-height:1.6}
.personal-shelf :focus-visible,.book-search-faq :focus-visible{outline:2px solid #c39600;outline-offset:5px}.personal-shelf-cta:hover{background:#edbd00!important}.personal-book:hover h3{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.personal-shelf{margin:28px 0 38px;padding:26px 0}.personal-shelf [data-personal-content]{grid-template-columns:1fr;gap:22px}.personal-shelf-copy{text-align:center}.personal-shelf-copy h2,.personal-shelf-copy p{margin-left:auto;margin-right:auto}.personal-shelf-preview{max-width:470px;width:100%;justify-self:center;padding:12px 0}.personal-hidden-books{gap:9px}.personal-hidden-book{aspect-ratio:1}.personal-member-heading{align-items:flex-start;flex-direction:column;gap:5px}.personal-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.book-search-faq-grid{grid-template-columns:1fr}.book-search-faq summary{font-size:13px;gap:12px}.book-search-faq h2{font-size:27px}.book-search-faq{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.book-search-faq summary span{transition:none}}
@media(min-width:761px){.shelf .books-row:not(.single-book){grid-template-columns:repeat(var(--shelf-count,4),minmax(0,250px));justify-content:center}.single-book .book-card{margin-inline:auto}}
