/* v32: POINTRYX Endpoint Manager - same book as the other projects, book on the right, cover that fits and shows the latest update. */
@media(min-width:1001px){#endpoint.project{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
#endpoint.project{gap:36px}
#endpoint .project-visual{order:0!important;width:100%;max-width:none;margin-inline:0}
#endpoint .project-info{max-width:none}
#endpoint .project-desc{max-width:520px}
#endpoint .book-gallery{padding:18px}
#endpoint .capture-stage{background:#fff;container-type:inline-size}
#endpoint .capture-thumbs{gap:7px}
#endpoint .capture-thumbs button{font-size:11px;padding:7px 10px;min-height:38px}

/* cover: everything is sized from the width of the book, so nothing can spill over the edges */
#endpoint .book-cover{padding:26px 34px;justify-content:center;align-items:flex-start;gap:0}
#endpoint .book-cover-kicker{font-size:11px;letter-spacing:.2em;line-height:1.4;margin:0 0 12px}
#endpoint .book-cover strong{font-size:34px;line-height:1.12;letter-spacing:-.02em;max-width:100%}
#endpoint .book-cover-sub{font-size:15px;line-height:1.4;margin:12px 0 14px}
#endpoint .book-cover-new{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;max-width:100%;margin:0 0 16px;font-size:12px;line-height:1.55;color:#d6f1fa;text-align:start}
#endpoint .book-cover-new b{flex:none;background:#16b9cc;color:#06263a;border-radius:99px;padding:.18em .75em;font-size:.84em;letter-spacing:.05em;white-space:nowrap}
#endpoint .book-open-label{font-size:13px;padding:8px 16px}
@supports(width:1cqw){
#endpoint .book-cover{padding:5cqw 7cqw}
#endpoint .book-cover-kicker{font-size:max(8px,1.9cqw);margin-bottom:2.1cqw}
#endpoint .book-cover strong{font-size:max(19px,6.4cqw)}
#endpoint .book-cover-sub{font-size:max(10px,2.6cqw);margin:2cqw 0 2.2cqw}
#endpoint .book-cover-new{font-size:max(9px,2.1cqw);margin-bottom:2.8cqw;gap:1cqw 1.7cqw}
#endpoint .book-open-label{font-size:max(10px,2.3cqw);padding:.6em 1.3em}
}
@container (max-width:430px){#endpoint .book-cover-new span{display:none}#endpoint .book-cover-sub{margin-bottom:3cqw}}
[dir=rtl] #endpoint .book-cover-kicker{letter-spacing:0}
[dir=rtl] #endpoint .book-cover strong{letter-spacing:0}
[dir=rtl] #endpoint .book-cover-new b{letter-spacing:0}

@media(max-width:540px){#endpoint.project{padding:20px}#endpoint .book-gallery{padding:10px}#endpoint .capture-thumbs button{font-size:10px}}
