:root{--ink:#263947;--muted:#64727b;--line:#dbe1e5;--paper:#fff;--sand:#f4f0e9}*{box-sizing:border-box}body{margin:0;background:#faf9f7;color:var(--ink);font:16px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#244d67}.wrap{width:min(1100px,92%);margin:auto}.top{background:var(--ink);color:white}.flex{display:flex;align-items:center;justify-content:space-between;gap:16px}.top .wrap{min-height:75px}.top a{color:white;text-decoration:none}.top nav{display:flex;gap:22px}.brand{font:bold 1.4rem Georgia,serif}.brand small{display:block;font:normal .65rem system-ui;letter-spacing:.12em;text-transform:uppercase}.hero{padding:76px 0 45px}.hero h1{font:normal clamp(2.5rem,7vw,4.5rem) Georgia,serif;margin:.1em 0}.hero p{max-width:670px;color:var(--muted);font-size:1.12rem}h1,h2,h3{line-height:1.2}h2{font:normal 2rem Georgia,serif}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#697a85;font-size:.72rem;font-weight:700}.promo{background:var(--sand);border:1px solid #e4ded5;border-radius:12px;padding:26px;margin:25px 0 45px}.promo h2{margin:.5rem 0}.promo p{max-width:720px}.btn{display:inline-block;padding:10px 19px;background:var(--ink);color:white;text-decoration:none;border-radius:6px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 40px}.card{display:block;background:white;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:25px;color:var(--ink)}.card h3{font:normal 1.5rem Georgia,serif}.card p{color:var(--muted)}.more{font-weight:700}.breadcrumbs{padding-top:28px;font-size:.86rem;color:var(--muted)}article{background:white;padding:25px 45px;border:1px solid var(--line);border-radius:12px}.article-head h1{font:normal clamp(2.5rem,6vw,3.8rem) Georgia,serif;margin:12px 0}.article-head p{color:var(--muted);font-size:1.13rem}.article-body{max-width:760px}.article-body h2{margin-top:38px}.article-body img{max-width:100%;height:auto}.pagination{display:flex;gap:25px;margin:30px 0}.foot{border-top:1px solid var(--line);margin-top:50px;padding:24px 0;color:var(--muted)}@media(max-width:760px){.grid{grid-template-columns:1fr}.top .wrap{display:block;padding:20px 0}.top nav{margin-top:15px;flex-wrap:wrap}article{padding:24px}.hero{padding:45px 0 25px}}

.books-feature{background:#f4f0e9;border:1px solid #e3ded6;border-radius:12px;margin:28px 0 46px;padding:26px}.books-head h2{margin:8px 0}.books-head p{margin:0 0 20px;color:#596872}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.book-pick{background:#fff;border:1px solid #e0e3e5;border-radius:9px;display:flex;gap:17px;padding:15px;text-decoration:none;color:#263947;align-items:center}.book-pick img{width:100px;height:150px;object-fit:contain;flex:none}.book-pick strong{display:block;font:normal 1.23rem/1.3 Georgia,serif}.book-pick small{display:block;font:normal .85rem/1.5 system-ui,sans-serif;color:#64727b;margin:7px 0}.book-pick em{display:block;font:600 .86rem system-ui,sans-serif;font-style:normal}.allbooks{margin:16px 0 0}.allbooks a{font-weight:650}.top nav a:hover,.foot a:hover,.book-pick:hover{ text-decoration:underline }@media(max-width:760px){.book-grid{grid-template-columns:1fr}.book-pick img{width:78px;height:117px}.books-feature{padding:18px}}

/* Unified UOBEY catalog presentation */
.spotlight{background:#f4f0e9;border:1px solid #e2e0db;border-radius:12px;padding:24px;margin:26px 0 40px}.spotlight-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.spotlight-head h2{margin:6px 0 10px}.spotlight-head p,.collection-heading p{margin:0 0 12px;color:#64727b}.carousel-controls{display:flex;gap:8px;flex:none}.carousel-controls button{border:1px solid #adb9c2;border-radius:50%;width:41px;height:41px;background:white;color:#263947;cursor:pointer;font-size:1.7rem;line-height:1}.carousel-controls button:hover{background:#e2e8ed}.book-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;padding:5px 3px 16px;scrollbar-width:thin}.book-cover-card{flex:0 0 148px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;text-decoration:none;color:#263947;background:#fff;border:1px solid #dce1e5;border-radius:8px;padding:10px 9px}.book-cover-card img{display:block;width:126px;height:184px;object-fit:contain}.book-cover-card span{font-size:.8rem;font-weight:650;line-height:1.35}.book-cover-card:hover{border-color:#6c8495}.spotlight-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:.88rem}.spotlight-foot a{font-weight:650}.spotlight-foot span{color:#64727b}.collections{margin:30px 0 50px}.collections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.collections-grid a{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid #dbe1e5;border-radius:8px;padding:17px;text-decoration:none;color:#263947;font-weight:650}.collections-grid a:hover{background:#f4f0e9}.collections-grid span{color:#536b7a}@media(max-width:760px){.spotlight{padding:16px}.spotlight-head{align-items:flex-start}.spotlight-head h2{font-size:1.55rem}.book-cover-card{flex-basis:132px}.book-cover-card img{width:110px;height:160px}.collections-grid{grid-template-columns:1fr 1fr}}@media(max-width:460px){.collections-grid{grid-template-columns:1fr}}

/* V3: compact mobile bookstore, readable spell first. Overrides the legacy shelf rules. */
.spotlight{background:#f7f5f1;border:1px solid #e2e4e6;padding:14px 18px;margin:20px 0 26px;border-radius:10px}
.spotlight-head{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.spotlight-head h2{font:normal 1.35rem/1.2 Georgia,serif;margin:0}
.spotlight-head p,.spotlight .eyebrow{display:none}
.carousel-controls button{width:34px;height:34px;font-size:1.35rem}
.book-strip{gap:12px;padding:3px 2px 7px;scrollbar-width:none}
.book-strip::-webkit-scrollbar{display:none}
.book-cover-card{flex:0 0 calc((100% - 36px)/4);padding:7px 7px 9px;gap:5px;min-width:0}
.book-cover-card img{height:145px;max-width:100%;width:100%;object-fit:contain}
.book-cover-card span{font-size:.72rem;line-height:1.25;min-height:0;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spotlight-foot{margin:5px 0 0;justify-content:flex-end;font-size:.76rem}
.spotlight-foot span{display:none}
@media(max-width:760px){
 .spotlight{padding:13px 14px;margin:16px 0 23px}
 .spotlight-head{margin-bottom:5px}
 .spotlight-head h2{font-size:1.07rem}
 .book-strip{gap:10px;padding:2px 1px 6px}
 .book-cover-card{flex:0 0 calc((100% - 10px)/2);padding:6px;gap:4px}
 .book-cover-card img{height:200px;max-width:100%;width:100%;object-fit:contain}
 .book-cover-card span{font-size:.82rem;line-height:1.3;min-height:2.2em;-webkit-line-clamp:2}
 .carousel-controls button{width:30px;height:30px;font-size:1.2rem}
 .spotlight-foot{margin-top:3px;font-size:.72rem}
 .hero{padding:32px 0 20px}
 .hero h1{font-size:clamp(2rem,8vw,3rem)}
 .hero p{font-size:1rem}
}

/* Share controls: visually subordinate to the spell instructions */
.spell-share{border-top:1px solid #dce2e5;border-bottom:1px solid #dce2e5;padding:16px 0;margin:15px 0 22px}
.share-heading h2{font:normal 1.18rem/1.25 Georgia,serif;margin:0 0 4px;color:#263947}
.share-heading p{font-size:.84rem;color:#62717b;margin:0 0 12px}
.share-actions{display:flex;flex-wrap:wrap;gap:8px}
.share-actions a,.share-actions button{appearance:none;cursor:pointer;text-decoration:none;border:1px solid #c7d3db;background:#fff;color:#263947;border-radius:7px;padding:9px 12px;font:600 .83rem/1.3 system-ui,sans-serif}
.share-actions .share-whatsapp{background:#e2f3e9;border-color:#add7bd;color:#185934}
.share-actions a:hover,.share-actions button:hover{background:#ecf2f5}
.share-feedback{color:#365f4b;font-size:.8rem;margin:5px 0 0;min-height:1em}



/* MOBILE BOOKS: authoritative final rule. Two readable cards, no 86px cap. */
@media (max-width:760px){
 .spotlight .book-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 14px}
 .spotlight .book-cover-card{box-sizing:border-box;flex:0 0 calc((100% - 12px)/2);min-width:0;max-width:none;padding:10px 8px 12px;border:1px solid #dce1e5;background:#fff;border-radius:9px;gap:9px;scroll-snap-align:start}
 .spotlight .book-cover-card img{display:block;width:100%;max-width:100%;height:clamp(185px,57vw,265px);max-height:none;object-fit:contain}
 .spotlight .book-cover-card span{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:clamp(.85rem,3.5vw,1rem);font-weight:650;line-height:1.35;min-height:0;overflow-wrap:anywhere}
 .spotlight .spotlight-head h2{font-size:1.17rem}
}