/* A contract on screen (admin Show pop-up, signing page): the PDF's own pages (services/contracts.js toHtml places every
   line where the PDF draws it). 1pt = --pt (the page is 595.28pt wide), so pages scale with the window; the letterhead
   (web/img/contract-page.png, the same picture the PDF uses) fills every page; a small gap between pages */
/* Carlito (SIL Open Font Licence): the same letter widths as Calibri, the font of the owner's contract and of the PDF.
   The overrides fix where the baseline sits (0.75 of the size, as in the PDF) whatever the browser */
@font-face{font-family:"HX Contract";src:url(/fonts/contract-body-regular.woff2) format("woff2");font-weight:400;font-style:normal;ascent-override:75%;descent-override:25%;line-gap-override:0%}
@font-face{font-family:"HX Contract";src:url(/fonts/contract-body-bold.woff2) format("woff2");font-weight:700;font-style:normal;ascent-override:75%;descent-override:25%;line-gap-override:0%}
@font-face{font-family:"HX Contract";src:url(/fonts/contract-body-italic.woff2) format("woff2");font-weight:400;font-style:italic;ascent-override:75%;descent-override:25%;line-gap-override:0%}
.ctr-pages{container-type:inline-size;display:flex;flex-direction:column;gap:12px;text-align:left}
.ctr-page{--pt:calc(100cqw / 595.28);position:relative;aspect-ratio:595.28/841.89;background:#fff url(/img/contract-page.png) 0 0/100% 100% no-repeat;
  box-shadow:0 1px 6px rgba(10,26,58,.18);overflow:hidden;font-family:"HX Contract",Calibri,Carlito,sans-serif;font-kerning:none}
/* line-height 1 with the font's 0.75 / 0.25 heights puts the baseline where the PDF's is (top + 0.75 of the size) */
.ctr-t{position:absolute;white-space:pre;line-height:1;font-weight:400}
.ctr-t.b{font-weight:700}
.ctr-t.i{font-style:italic}
.ctr-t.u{text-decoration:underline;text-underline-offset:.12em}
.ctr-img{position:absolute;object-fit:contain;object-position:left top}
.ctr-r{position:absolute;display:block}
.ctr-l{position:absolute;height:max(1px,calc(.5 * var(--pt)));background:#9aa6b8}
/* In the admin's Show pop-up: no shadow, rounded corners to match the portal (owner's choice); pages sit on the pale page colour */
.ctrview .ctr-page{box-shadow:none;border-radius:14px}