/* =============================================================================
   Silvertime portal — generated legal documents
   -----------------------------------------------------------------------------
   The one place the marketing site's display face is deliberately set aside. A
   Will has to read like a legal instrument, so pages are A4-proportioned, set in
   a serif, and numbered. Used by the client's document viewer and by the legal
   team's review screen, and carried into downloaded copies.
   ============================================================================= */

.docpages{display:flex;flex-direction:column;gap:22px;align-items:center}
.a4{background:#fff;width:640px;min-height:905px;padding:64px 68px 74px;position:relative;
  box-shadow:var(--shadow-md);font-family:var(--portal-doc-face);color:#1c1a19;font-size:14.5px;line-height:1.75}
.a4 .specimen{border:1.5px dashed var(--accent-300);color:var(--accent-700);font-family:var(--body);
  font-size:11.5px;letter-spacing:.02em;padding:8px 12px;margin-bottom:26px;text-align:center;line-height:1.5}
.a4 .willtitle{text-align:center;font-size:23px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.a4 .willsub{text-align:center;font-size:13.5px;color:#5a5450;margin-bottom:24px;line-height:1.6}
.a4 h4{font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-family:var(--body);font-weight:700;
  color:var(--accent-800);margin:26px 0 10px;padding-bottom:5px;border-bottom:1px solid #E3DDD6}
.a4 p{margin:0 0 11px}
.a4 .cl{display:flex;gap:14px;margin:0 0 11px}
.a4 .cl2{display:flex;gap:14px;margin:0 0 10px;padding-left:34px}
.a4 .cn{flex-shrink:0;min-width:44px;font-weight:700;font-variant-numeric:tabular-nums}
.a4 .sigblock{margin-top:34px;padding-top:20px;border-top:1px solid #E3DDD6;font-size:13.5px}
.a4 .sigline{border-bottom:1px solid #8d8781;height:34px;margin:20px 0 6px}
.a4 .pgnum{position:absolute;left:0;right:0;bottom:26px;text-align:center;font-family:var(--body);
  font-size:11.5px;color:#8d8781;letter-spacing:.04em}
.a4 .flagged{background:#FBF1DF;box-shadow:0 0 0 6px #FBF1DF;border-radius:2px}

@media (max-width:760px){
  .a4{width:100%;min-height:0;padding:34px 26px 48px;font-size:14px}
  .a4 .cl2{padding-left:16px}
}
@media print{
  .masthead,.utility,footer,.formnav,#toast-root,#scrollDown,.modal .mh{display:none!important}
  .modal-back{position:static;background:none;padding:0}
  .modal{box-shadow:none;max-height:none}
  .modal .mb{background:none;padding:0}
  .a4{box-shadow:none;width:auto;page-break-after:always}
}

/* witness tables on the attestation page (production signing layout) */
.a4 table.wt{width:100%;border-collapse:collapse;margin:14px 0 0;font-size:12.5px}
.a4 table.wt th{background:var(--accent);color:#fff;font-family:var(--body);font-weight:700;font-size:12.5px;
  text-align:left;padding:7px 10px}
.a4 table.wt td{border-bottom:1px solid #e3e0d6;padding:7px 10px;vertical-align:top}
.a4 table.wt td.wl{width:34%;background:#eef0ea;color:#4a4a42}
.a4 p.ind{margin-left:22px}