/* Recommendations inhabit the shared celestial field, without panel boundaries. */
.pops-books{position:relative;margin:30px 0 65px;padding:14px 0 0}
.pops-books-head h3{font:400 38px/1.1 var(--serif,Georgia);letter-spacing:-.025em;margin:5px 0 8px;color:#e9dfc7}
.pops-books-head p{color:#b6ad9c;font-size:15px;margin:0 0 16px}
.pops-books-cards{display:grid;grid-template-columns:1fr 1fr;gap:30px 65px;align-items:start}
.pops-book{--influence:119,179,200;position:relative;isolation:isolate;display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:8px 0;min-width:0;border:0;background:none;border-radius:0}
.pops-book::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-65px -35px;background:radial-gradient(ellipse at 25% 43%,rgba(var(--influence),.16),rgba(var(--influence),.035) 38%,transparent 67%)}
.pops-book:has(.pops-role[data-role=wildcard]){--influence:166,137,194}
.pops-best{--influence:209,177,112;grid-column:1/-1;grid-template-columns:190px minmax(0,560px);gap:42px;margin:0 0 12px;padding-left:5%}
.pops-cover{aspect-ratio:2/3;align-self:start;min-width:0;box-shadow:10px 16px 26px #0008;position:relative}
.pops-cover img{display:block;width:100%;height:100%;object-fit:cover;border-radius:1px}
.pops-cover-missing{display:flex;flex-direction:column;justify-content:center;height:100%;color:#ddd0b6;text-align:left;overflow-wrap:anywhere;background:none;padding:0 8px}
.pops-cover-missing strong{font:italic 22px/1.3 Georgia,serif}.pops-cover-missing em{font-size:11px;line-height:1.5;margin-top:15px;color:#b6ad9c}
.pops-role{font-size:10px;letter-spacing:.19em;color:rgb(var(--influence))}.pops-book h4{font:26px/1.13 var(--serif,Georgia);letter-spacing:-.02em;color:#eee5d3;margin:9px 0 7px;overflow-wrap:anywhere}.pops-best h4{font-size:38px}
.pops-author{font-size:12px;color:#b6b4a8;margin:0 0 13px}.pops-pitch{font:16px/1.5 var(--serif,Georgia);color:#dfd4bf;margin:0 0 12px}
.pops-why{font-size:12px;line-height:1.6;color:#b4b6b3;margin:0 0 12px}.pops-why>span{display:block;color:#bfb496;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.pops-actions,.pops-quiet-actions{display:flex;flex-wrap:wrap;gap:0 17px;align-items:center}.pops-actions a,.pops-actions button,.pops-quiet-actions button,.pops-quiet-actions summary{font-size:12px;line-height:1.4;min-height:44px;display:inline-flex;align-items:center}
.pops-actions a{color:#abd5de;text-underline-offset:5px}.pops-actions button,.pops-quiet-actions button{border:0;background:none;padding:0;cursor:pointer;color:#a9aaa5}.pops-actions button:disabled{opacity:.65;cursor:default}
.pops-quiet-actions details{width:100%}.pops-quiet-actions summary{cursor:pointer;color:#b4cdd2;list-style:none}.pops-quiet-actions ul{margin:4px 0;padding:0;list-style:none}.pops-quiet-actions li{font-size:11px;line-height:1.6;margin:0 0 9px}.pops-quiet-actions li span{display:block;color:#9da8a7}
.pops-ku{display:block;color:#b5c7a7;font-size:10px;margin:0 0 8px}.pops-pick-form{margin:0 0 22px;display:flex;flex-wrap:wrap;align-items:start;gap:5px 30px}.pops-intent{max-width:520px;flex:1}.pops-intent summary{font-size:12px;color:#baae93;cursor:pointer;min-height:44px;display:flex;align-items:center;list-style:none}.pops-intent label{display:block;color:#cdc4ab;font-size:12px;margin:8px 0}.pops-intent textarea{width:100%;box-sizing:border-box;background:#03070b80;border:0;border-bottom:1px solid #b6a17780;color:#ded8c7;font-size:14px;line-height:1.5;padding:12px;resize:vertical;min-height:76px}
.pops-pick-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.pops-pick-row>button{border:0;background:none;color:#dfd0af;font-size:13px;min-height:44px;padding:8px 0;cursor:pointer}.pops-pick-row>button:disabled{opacity:.45;cursor:default}.pops-status{font-size:12px;color:#b6b2a3;max-width:350px;line-height:1.5}.pops-empty{grid-column:1/-1;padding:18px 0;color:#a6a395;font:18px Georgia;margin:0}.pops-looking{font-size:12px;line-height:1.5;color:#b1c2ca;margin:0 0 16px}.pops-looking button{border:0;background:none;color:inherit;min-width:44px;min-height:44px;cursor:pointer}
.pops-books :is(button,a,summary,textarea):focus-visible{outline:2px solid #d7c599;outline-offset:4px}
@keyframes popsArrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes popsDrift{to{opacity:.15;transform:translateY(-8px)}}
.pops-arrive .pops-book{animation:popsArrive .8s ease-out both}.pops-arrive .pops-book:nth-child(2){animation-delay:.12s}.pops-arrive .pops-book:nth-child(3){animation-delay:.24s}.pops-drift{animation:popsDrift .3s ease-in both}.pops-book.pops-settled::before{opacity:.7;transition:opacity .6s ease}
@media(max-width:900px){.pops-books-cards{gap:24px}.pops-book{grid-template-columns:100px minmax(0,1fr);gap:20px}.pops-best{grid-template-columns:160px minmax(0,1fr);padding-left:0}}
@media(max-width:650px){.pops-books{margin:24px 0 45px}.pops-books-head h3{font-size:32px}.pops-books-cards{display:flex;flex-direction:column;gap:35px}.pops-book,.pops-best{display:grid;grid-template-columns:116px minmax(0,1fr);gap:20px;width:100%;margin:0;padding:0}.pops-book h4,.pops-best h4{font-size:26px}.pops-pitch{font-size:15px}.pops-book-copy{min-width:0}.pops-actions,.pops-quiet-actions{gap:0 14px}.pops-pick-form{display:block}.pops-pick-row{gap:4px}.pops-status{margin:5px 0}.pops-intent{max-width:100%}.pops-book::before{inset:-35px -15px}}
@media(max-width:380px){.pops-book,.pops-best{grid-template-columns:95px minmax(0,1fr);gap:15px}.pops-book h4,.pops-best h4{font-size:23px}}
@media(prefers-reduced-motion:reduce){.pops-arrive .pops-book,.pops-drift{animation:none!important;transform:none!important;transition:none!important}.pops-book.pops-settled::before{transition:none}}

.pops-cover:has(.pops-cover-missing){aspect-ratio:auto;box-shadow:none;min-height:130px}.pops-cover-missing{height:auto;padding-top:12px}.pops-cover-missing em{font-style:normal}

.pops-best:has(.pops-role[data-role=adjacent]){--influence:119,179,200}.pops-deeper-reason{font-size:12px;line-height:1.6;color:#b4b6b3}

/* Covers supply the material; their surroundings receive only a quiet echo. */
.books-vnext .pops-book:has(.pops-role[data-role=wildcard]){--influence:135,148,124}
.books-vnext .pops-book::before{opacity:.45}
.books-vnext .pops-book.pops-settled::before{opacity:.35}
.books-vnext .pops-cover{box-shadow:8px 14px 24px rgba(0,0,0,.38),inset -1px 0 rgba(243,238,228,.12)}
.books-vnext .pops-why>span{display:flex;align-items:center;gap:10px;color:#c8b998;margin-bottom:8px}
.books-vnext .pops-why>span::after{content:"";height:1px;flex:1;max-width:110px;background:linear-gradient(90deg,rgba(221,196,135,.28),transparent)}
.books-vnext .pops-quiet-actions details[open]{border-top:1px solid rgba(235,225,207,.16);margin-top:8px;padding-top:8px}
@media(max-width:650px){
  .books-vnext .pops-books-cards{gap:38px}
  .books-vnext .pops-book:not(.pops-best){padding-top:22px;border-top:1px solid rgba(235,225,207,.14)}
}

.books-vnext .pops-book::before,.books-vnext .pops-book.pops-settled::before{opacity:1;background:radial-gradient(ellipse at 22% 42%,rgba(var(--influence),.27),rgba(var(--influence),.09) 36%,transparent 70%)}
.books-vnext .pops-cover:not(:has(.pops-cover-missing)){box-shadow:14px 24px 32px rgba(0,0,0,.6),-2px -1px 0 rgba(243,238,228,.65),-8px -4px 26px rgba(var(--influence),.3)}
.books-vnext .pops-cover:not(:has(.pops-cover-missing))::after{content:"";position:absolute;inset:0;pointer-events:none;border-left:1px solid rgba(255,253,248,.7);border-top:1px solid rgba(255,253,248,.4)}