/* v33: INFRYX ITSM - product book on the LEFT (mirror of POINTRYX, whose book is on the right), 16:9 presentation pages, cover that fits and shows the latest update. */
@media(min-width:1001px){#itsm.project{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}#itsm .project-visual{order:-1}}
#itsm.project{gap:36px}
#itsm .project-visual{width:100%;max-width:none;margin-inline:0}
#itsm .project-info{max-width:none}
#itsm .project-desc{max-width:520px}
#itsm .book-gallery{padding:18px}
#itsm .capture-stage{background:#fff;container-type:inline-size;aspect-ratio:16/9}
#itsm .capture-thumbs{gap:7px}
#itsm .capture-thumbs button{font-size:11px;padding:7px 10px;min-height:38px}
#itsm .project-meta .muted{white-space:nowrap}
/* cover: everything is sized from the width of the book, so nothing can spill over the edges */
#itsm .book-cover{padding:26px 34px;justify-content:center;align-items:flex-start;gap:0}
#itsm .book-cover-kicker{font-size:11px;letter-spacing:.2em;line-height:1.4;margin:0 0 12px}
#itsm .book-cover strong{font-size:34px;line-height:1.12;letter-spacing:-.02em;max-width:100%}
#itsm .book-cover-sub{font-size:15px;line-height:1.4;margin:12px 0 14px}
#itsm .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}
#itsm .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}
#itsm .book-open-label{font-size:13px;padding:8px 16px}
@supports(width:1cqw){
#itsm .book-cover{padding:5cqw 7cqw}
#itsm .book-cover-kicker{font-size:max(8px,1.9cqw);margin-bottom:2.1cqw}
#itsm .book-cover strong{font-size:max(19px,6.4cqw)}
#itsm .book-cover-sub{font-size:max(10px,2.6cqw);margin:2cqw 0 2.2cqw}
#itsm .book-cover-new{font-size:max(9px,2.1cqw);margin-bottom:2.8cqw;gap:1cqw 1.7cqw}
#itsm .book-open-label{font-size:max(10px,2.3cqw);padding:.6em 1.3em}
}
@container (max-width:430px){#itsm .book-cover-new span{display:none}#itsm .book-cover-sub{margin-bottom:3cqw}}
[dir=rtl] #itsm .book-cover-kicker,[dir=rtl] #itsm .book-cover strong,[dir=rtl] #itsm .book-cover-new b{letter-spacing:0}
@media(max-width:540px){#itsm.project{padding:20px}#itsm .book-gallery{padding:10px}#itsm .capture-thumbs button{font-size:10px}}