/* Six pocket manuals. The cover, the block of leaves and the shelf are separate surfaces. */
.atlas-theme .manual-library{max-width:960px;margin-inline:auto}
.manual-mast{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 14px}
.manual-mast h1{font-size:clamp(2rem,3.9vw,3.1rem);line-height:1.08;margin:0;letter-spacing:-.055em;color:#38283f}
.atlas-theme .manual-mast .shelf-search{margin:0;flex:0 1 290px;font-size:.8rem}
.manual-mast .shelf-search input{width:100%}
.manual-library .shelf-resume{margin:0 0 10px}
.atlas-theme .shelf-grid.manual-stacks{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;row-gap:8px;
  margin:15px 0 30px;padding:0 clamp(8px,2.1vw,26px) 10px;
  border-block:1px solid #d5cbd4;background:#f2edf2;border-radius:5px
}
.atlas-theme .manual-stacks[hidden]{display:none}
.manual-bay{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:19px 0 0}
.manual-bay:before{content:"";position:absolute;bottom:24px;height:6px;inset-inline:0;background:#d8ccd7;border-top:2px solid #a48b9f;border-bottom:1px solid #c6b8c4;box-shadow:0 3px 3px -2px #6d55695c}
.manual-book{position:relative;display:block;isolation:isolate;width:min(calc(100% - 26px),205px);aspect-ratio:0.73;perspective:740px;
  border-radius:3px 5px 4px 3px;color:#332b39;text-decoration:none;-webkit-tap-highlight-color:transparent;
  --cover-stock:color-mix(in srgb,var(--shelf-paper) 50%,#fffbec);
  --cloth:color-mix(in srgb,var(--shelf-ink) 76%,#544158);
}
.manual-leaves{
  position:absolute;inset:3px 0 0 2px;border:1px solid #6e626b;border-right-width:2px;border-bottom-width:2px;border-radius:2px 4px 4px 2px;
  background:repeating-linear-gradient(to bottom,#fffcee 0 2px,#d9d0bb 2px 3px);box-shadow:3px 3px 4px -2px #543c556f
}
.manual-leaves:before{content:"";position:absolute;inset:0 0 4px auto;width:7px;background:repeating-linear-gradient(to right,#fffbee 0 2px,#d4c9b4 2px 3px);border-bottom:1px solid #b4a391}
.manual-leaves:after{content:"";position:absolute;inset:2px 5px 5px 2px;border:1px solid #cec1ae;background:#f5efde}
.manual-board{
  position:absolute;inset:0 5px 4px 0;z-index:1;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;
  padding:13px 15px 12px 24px;overflow:hidden;border:1px solid #736374;border-radius:3px 5px 4px 3px;
  background-color:var(--cover-stock);background-image:linear-gradient(90deg,var(--cloth) 0 7px,#0002 7px 8px,#fff6 8px 10px,transparent 10px 12px,#58405833 12px 13px,transparent 13px);
  transform-origin:4px 50%;transition:transform .17s ease,box-shadow .17s ease;
}
.manual-board .volume-number,.manual-titlepage .volume-number{display:flex;align-items:center;gap:9px;color:var(--shelf-ink);font:700 .72rem/1.1 "Segoe UI",Arial,sans-serif;letter-spacing:.055em}
.manual-board .volume-number:after{content:"";height:1px;flex:1;background:var(--cloth);opacity:.45}
.manual-board h2{font:900 clamp(1.25rem,2.05vw,1.57rem)/1.03 TonSerif,Georgia,serif;letter-spacing:-.045em;margin:10px 0 0;color:#352b38}
.manual-board .manual-plate{display:block;align-self:center;justify-self:center;width:100%;height:100%;max-height:146px;min-height:0;object-fit:contain;mix-blend-mode:multiply}
.manual-board p{border-top:1px solid color-mix(in srgb,var(--cloth) 46%,transparent);padding:7px 0 0;margin:0;
  color:#49404b;line-height:1.29;font-size:.77rem;font-weight:530}
.manual-record{height:30px;display:flex;align-items:end;justify-content:center;text-align:center;padding:0 3px 1px;color:#64526c;font-size:.75rem;line-height:1.2}
.manual-book:focus-visible{outline:3px solid #8c4b11;outline-offset:5px}
.manual-book:focus-visible .manual-board{box-shadow:2px 1px 2px #5c485c55}
@media(hover:hover) and (pointer:fine){
  .manual-book:hover .manual-board{transform:rotateY(-9deg) translateY(-1px);box-shadow:4px 2px 5px #57465a4f}
}
.manual-book:active .manual-board{transform:rotateY(-15deg);box-shadow:2px 1px 3px #57465a4f}
.manual-titlepage{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,3vw,30px);
  background:#fffdf3;border-left:6px solid var(--shelf-ink);border-bottom:1px solid #cfc0cf;color:#3d2e43}
.manual-titlepage h1{margin:6px 0 3px;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.045em}.manual-titlepage p{color:#524c53}
.manual-titlepage .manual-plate{width:clamp(86px,15vw,135px);height:78px;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:700px){
 .manual-mast{display:grid;gap:11px}.atlas-theme .manual-mast .shelf-search{width:100%}
 .atlas-theme .shelf-grid.manual-stacks{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:5px;row-gap:4px}
 .manual-bay{padding-top:16px}.manual-book{width:min(calc(100% - 18px),190px);aspect-ratio:.69}
 .manual-board{padding:11px 9px 9px 17px;background-image:linear-gradient(90deg,var(--cloth) 0 5px,#5943573d 5px 6px,#fff6 6px 7px,transparent 7px 9px,#59435730 9px 10px,transparent 10px)}
 .manual-board h2{font-size:clamp(1.02rem,4.6vw,1.45rem);margin:7px 0 0}.manual-board p{font-size:.73rem;padding-top:5px}
 .manual-board .volume-number{font-size:.64rem}.manual-record{font-size:.68rem}
 .manual-titlepage{padding:10px 12px;gap:8px}.manual-titlepage .manual-plate{width:70px;height:56px}.manual-titlepage p{font-size:.85rem}
}
@media(max-width:360px){.manual-book{width:calc(100% - 12px);aspect-ratio:.63}.manual-board{padding-right:6px;padding-left:14px}.manual-board h2{font-size:.99rem}.manual-board p{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.manual-book .manual-board,.manual-book:hover .manual-board,.manual-book:active .manual-board{transform:none;transition:none}}