
/* Library archive — editorial experience */
.library-shell{--lib-ink:#22211f;--lib-muted:#746f68;--lib-line:#e4ded2;--lib-paper:#fbf8f1;--lib-olive:#59603d;--lib-gold:#b88a50;max-width:1240px;margin:0 auto;padding:48px 30px 90px}
.library-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:48px;align-items:center;min-height:560px;padding:18px 0 46px;border-bottom:1px solid var(--lib-line);position:relative}
.library-eyebrow{display:flex;align-items:center;gap:12px;color:#8b846f}.library-eyebrow span{width:64px;height:1px;background:#c9b996}.library-eyebrow small{font-size:.72rem;letter-spacing:.15em;font-weight:900}
.library-hero h1{font-size:clamp(1.85rem,3.3vw,3.05rem);line-height:1.48;letter-spacing:0;margin:15px 0 22px;color:var(--lib-ink);max-width:760px;overflow-wrap:break-word}.library-hero h1 em{font-style:normal;color:#667047}
.library-hero-copy>p{max-width:680px;color:var(--lib-muted);font-size:1.04rem;line-height:2}
.library-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.library-hero-meta>div{display:grid;gap:2px;padding:11px 14px;border:1px solid var(--lib-line);border-radius:14px;background:rgba(255,255,255,.52)}.library-hero-meta strong{font-size:.92rem;color:#4d5638}.library-hero-meta span{font-size:.72rem;color:#8a847a}
.library-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.library-primary-action,.library-secondary-action{display:inline-flex;align-items:center;gap:22px;min-height:48px;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:800}.library-primary-action{background:linear-gradient(135deg,#6d7449,#43492f);color:#fff;box-shadow:0 10px 28px rgba(71,78,48,.18)}.library-secondary-action{border:1px solid var(--lib-line);color:var(--lib-ink);background:#fff9}.library-status-chip{padding:9px 13px;border-radius:999px;font-size:.78rem;font-weight:800}.library-status-chip.is-premium{background:#eef1e6;color:#536039;border:1px solid #d8ddca}
.library-hero-art{position:relative;min-height:450px;display:grid;place-items:center}.library-hero-image-wrap{width:min(100%,470px);aspect-ratio:4/5;border-radius:38% 38% 28px 28px;overflow:hidden;box-shadow:0 30px 70px rgba(72,61,42,.15);transform:rotate(-2deg);position:relative;z-index:2}.library-hero-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(48,39,25,.14))}.library-hero-image-wrap img{width:100%;height:100%;object-fit:cover}.library-hero-orbit{position:absolute;border:1px solid rgba(168,140,91,.25);border-radius:50%}.orbit-one{width:410px;height:410px;right:5%;top:1%;animation:libFloat 7s ease-in-out infinite}.orbit-two{width:520px;height:300px;right:-9%;top:23%;transform:rotate(-18deg);animation:libFloat 8s ease-in-out infinite reverse}.library-floating-note{position:absolute;left:-6px;bottom:44px;z-index:3;background:rgba(251,248,241,.94);backdrop-filter:blur(10px);border:1px solid var(--lib-line);border-radius:18px;padding:14px 18px;box-shadow:0 12px 35px rgba(63,55,42,.12);display:grid;gap:3px}.library-floating-note span{font-size:.65rem;letter-spacing:.14em;color:#9a8f7d}.library-floating-note strong{font-size:.9rem}
.library-access-strip{margin:28px 0 52px;padding:22px 24px;border:1px solid var(--lib-line);border-radius:24px;background:linear-gradient(135deg,#faf7f0,#f4f1e8);display:flex;align-items:center;justify-content:space-between;gap:20px}.library-access-copy{display:grid;gap:4px}.library-access-copy small{font-size:.68rem;letter-spacing:.13em;color:#978d7b;font-weight:900}.library-access-copy strong{font-size:1.08rem}.library-access-copy span{font-size:.88rem;color:var(--lib-muted)}.library-access-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e7eadb;color:#5c6444;flex:0 0 auto}.library-access-mark svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2}
.library-catalog{scroll-margin-top:30px}.library-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.library-catalog-head small,.library-section-label span{font-size:.68rem;letter-spacing:.14em;color:#9a8f7d;font-weight:900}.library-catalog-head h2,.library-section-label h2{font-size:2rem;margin:3px 0 4px}.library-catalog-head p{margin:0;color:var(--lib-muted);font-size:.86rem}.library-search-wrap{position:relative;min-width:270px}.library-search-wrap input{width:100%;min-height:44px;border:1px solid var(--lib-line);border-radius:999px;background:#fff;padding:0 42px 0 16px;font:inherit}.library-search-wrap span{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#989083}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.library-book-card{background:#fff;border:1px solid var(--lib-line);border-radius:24px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.library-book-card:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(67,58,44,.09);border-color:#d3c7b5}.library-book-cover{display:block;position:relative;aspect-ratio:4/3;background:#efebe3;overflow:hidden}.library-book-cover img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}.library-book-card:hover .library-book-cover img{transform:scale(1.04)}.library-book-cover-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:10px;color:#aaa18f;background:linear-gradient(135deg,#f3efe6,#e9e4d9)}.library-book-cover-placeholder svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.4}.library-book-cover-placeholder span{font-size:.68rem;letter-spacing:.18em;font-weight:900}.library-book-state{position:absolute;top:14px;right:14px;padding:6px 10px;border-radius:999px;font-size:.68rem;font-weight:900;backdrop-filter:blur(8px)}.library-book-state.is-active{background:rgba(228,237,220,.92);color:#4b5b3c}.library-book-state.is-free{background:rgba(250,241,214,.94);color:#755c28}.library-book-state.is-locked{background:rgba(245,243,238,.94);color:#6f6a62}.library-book-body{padding:20px}.library-book-formats{display:flex;gap:6px}.library-book-formats span{font-size:.62rem;font-weight:900;letter-spacing:.08em;color:#7f796f;padding:4px 7px;border:1px solid var(--lib-line);border-radius:999px}.library-book-body h3{font-size:1.25rem;margin:10px 0 8px}.library-book-body h3 a{color:var(--lib-ink);text-decoration:none}.library-book-body p{color:var(--lib-muted);line-height:1.8;font-size:.88rem;min-height:50px}.library-book-footer{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:18px;padding-top:15px;border-top:1px solid var(--lib-line)}.library-book-price{display:grid;gap:2px}.library-book-price strong{font-size:.88rem}.library-book-price strong small{font-size:.68rem;font-weight:700}.library-book-price span{font-size:.7rem;color:#8b8479}.library-book-open{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#5f6744;color:white;text-decoration:none;font-size:1.1rem;transition:transform .25s ease}.library-book-open:hover{transform:translateX(-3px)}
.library-empty-state{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);border:1px solid var(--lib-line);border-radius:28px;overflow:hidden;background:#f7f3eb}.library-empty-art{min-height:330px}.library-empty-art img{width:100%;height:100%;object-fit:cover}.library-empty-copy{padding:42px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.library-empty-copy small{font-size:.66rem;letter-spacing:.14em;color:#9b8f79;font-weight:900}.library-empty-copy h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.3;margin:9px 0 12px}.library-empty-copy p{color:var(--lib-muted);line-height:1.9;max-width:620px}.library-empty-copy a{margin-top:12px;text-decoration:none;color:#59603d;font-weight:900}
.library-how-it-works{margin-top:58px;padding-top:38px;border-top:1px solid var(--lib-line)}.library-section-label{margin-bottom:20px}.library-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.library-steps article{padding:22px;border:1px solid var(--lib-line);border-radius:20px;background:#fff}.library-steps b{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef0e5;color:#59603d;font-size:.75rem}.library-steps strong{display:block;margin:14px 0 5px}.library-steps p{margin:0;color:var(--lib-muted);font-size:.84rem;line-height:1.75}
.library-pagination{margin-top:28px}
@keyframes libFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(max-width:980px){.library-shell{padding:36px 24px 70px}.library-hero{grid-template-columns:1fr;gap:24px;min-height:auto}.library-hero-art{min-height:380px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-empty-state{grid-template-columns:1fr}.library-empty-art{height:260px;min-height:0}}
@media(max-width:640px){.library-shell{padding:26px 18px 60px}.library-hero h1{font-size:clamp(1.75rem,7vw,2.2rem);line-height:1.55}.library-hero-art{min-height:310px}.library-hero-image-wrap{max-width:330px}.orbit-one{width:290px;height:290px}.orbit-two{width:340px;height:220px}.library-floating-note{left:0;bottom:10px}.library-access-strip{align-items:flex-start}.library-grid,.library-steps{grid-template-columns:1fr}.library-catalog-head{align-items:flex-start;flex-direction:column}.library-search-wrap{width:100%;min-width:0}.library-empty-copy{padding:28px 22px}.library-hero-meta>div{flex:1 1 130px}.library-primary-action,.library-secondary-action{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.library-book-card,.library-book-cover img,.library-book-open,.library-hero-orbit{transition:none!important;animation:none!important}}
