#cdx-launch{position:fixed;left:16px;bottom:16px;z-index:var(--z-launcher);display:flex;align-items:center;gap:7px;background:linear-gradient(180deg,#226a73,#184e56);color:#eafcff;border:1px solid #2a7b86;border-radius:999px;padding:9px 15px 9px 13px;box-shadow:0 8px 24px rgba(0,0,0,.4);font:700 12.5px/1 var(--font-ui,system-ui);cursor:pointer}
#cdx-launch svg{width:15px;height:15px}#cdx-launch:hover{filter:brightness(1.08)}
#cdx-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:rgba(10,12,15,.82);backdrop-filter:blur(4px);display:none;overflow:auto;font-family:var(--font-ui,system-ui)}
#cdx-overlay.on{display:block}
.cdx-wrap{max-width:1040px;margin:0 auto;padding:24px 18px 70px}
.cdx-top{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--text,#f2f4f7)}
.cdx-top h2{font-size:20px;font-weight:800;margin:0}.cdx-top .sub{font-size:12px;color:var(--text3,#828993);margin-top:2px;font-weight:500}
.cdx-x{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border,#2a313a);background:#1b2026;color:var(--text2,#aab0b8);border-radius:8px;cursor:pointer}
.cdx-x:hover{color:#fff;border-color:var(--blue-m,#5cc6d1)}
.cdx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.cdx-card{background:#1e242b;border:1px solid var(--border,#2a313a);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .12s,transform .08s}
.cdx-card:hover{border-color:var(--blue-m,#5cc6d1);transform:translateY(-2px)}
.cdx-thumb{width:100%;aspect-ratio:8.5/11;object-fit:cover;object-position:top;background:#fff;display:block;border-bottom:1px solid var(--border,#2a313a)}
.cdx-cap{padding:10px 12px}.cdx-cap h4{font-size:13px;font-weight:700;color:var(--text,#f2f4f7);margin:0 0 2px}
.cdx-cap p{font-size:11px;color:var(--text3,#828993);margin:0;line-height:1.4}
.cdx-cap .fb{display:inline-block;margin-top:7px;font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#7fd6a0;background:#13301c;border:1px solid #1f5132;border-radius:999px;padding:2px 8px}
.cdx-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:9px;background:#171c22;padding:10px 12px;border-radius:10px;margin-bottom:14px}
.cdx-bar .nm{flex:1;color:var(--text,#f2f4f7);font-size:13px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cdx-btn{border:1px solid var(--border,#2a313a);background:#1b2026;color:var(--text2,#aab0b8);border-radius:8px;cursor:pointer;font-family:var(--font-ui,system-ui);padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.cdx-btn:hover{color:#fff;border-color:var(--blue-m,#5cc6d1)}.cdx-btn svg{width:14px;height:14px}
.cdx-btn.p{background:linear-gradient(180deg,#226a73,#184e56);color:#eafcff;border-color:#2a7b86}
.cdx-doc{max-width:850px;margin:0 auto}
.cdx-page{position:relative;container-type:inline-size;width:100%;margin:0 auto 14px;box-shadow:0 6px 24px rgba(0,0,0,.4);background:#fff}
.cdx-page img{display:block;width:100%;height:auto}
.cdx-field{position:absolute;transform:translateY(-95%)}
.cdx-field input{width:100%;box-sizing:border-box;border:none;background:rgba(64,156,214,.16);color:#0e2f54;font-family:Arial,Helvetica,sans-serif;font-size:1.12cqw;line-height:1.15;padding:0 2px;outline:none;border-radius:2px}
.cdx-field input:focus{background:rgba(64,156,214,.30)}
/* Executed docs KEEP their highlights on screen (owner spec: the tint signifies a signing) —
   only PRINT strips them. Signed marks are color-coded per side: buyers stay the blue family,
   the seller stamps amber so the two are never confused at a glance. */
.cdx-field.cdx-sv-b input{background:rgba(64,156,214,.20)}
.cdx-field.cdx-sv-b input:focus{background:rgba(64,156,214,.20)}
.cdx-field.cdx-sv-b2 input{background:rgba(63,178,127,.22);color:#0e4a2f}
.cdx-field.cdx-sv-b2 input:focus{background:rgba(63,178,127,.22)}
.cdx-field.sig.cdx-sv-b2 input{color:#14532d}
.cdx-field.cdx-sv-b2 .cdx-sat{color:#1c6b41}
.cdx-field.cdx-sv-s input{background:rgba(233,168,49,.30);color:#5a3c05}
.cdx-field.cdx-sv-s input:focus{background:rgba(233,168,49,.30)}
.cdx-field.sig.cdx-sv-s input{color:#6b4708}
.cdx-field.cdx-init input{font-size:2.05cqw;font-weight:700}
.cdx-sat{position:absolute;right:0;top:100%;margin-top:.14cqw;font-family:Arial,Helvetica,sans-serif;font-size:.72cqw;font-weight:700;letter-spacing:.02em;color:#41639c;white-space:nowrap;background:rgba(255,255,255,.82);border-radius:2px;padding:.08cqw .25cqw;z-index:2}
.cdx-field.cdx-sv-s .cdx-sat{color:#8a5a00}
.cdx-tgwrap{position:absolute;transform:none;z-index:3}
.cdx-tog{display:flex;align-items:center;justify-content:center;width:100%;height:1.0cqw;background:transparent;border:none;cursor:pointer;box-sizing:border-box;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:.72cqw;letter-spacing:.02em;color:#111;line-height:1;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.cdx-togimg{display:block;width:100%;height:100%;object-fit:fill}
.cdx-tog:hover{box-shadow:0 0 0 2px #409cd6;border-radius:.6cqw}
.cdx-cbwrap{position:absolute;transform:none;z-index:3}
.cdx-cb{width:100%;aspect-ratio:1;background:transparent;border:none;cursor:pointer;padding:0;margin:0;display:flex;align-items:center;justify-content:center;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.cdx-cb.on::after{content:'\2713';color:#111;font-weight:700;font-size:.82cqw;line-height:1}
.cdx-cb:hover{box-shadow:inset 0 0 0 2px #409cd6}
.cdx-field.sig input{font-family:'Brush Script MT','Segoe Script',cursive;font-size:1.9cqw;color:#13315e;white-space:nowrap}
.cdx-hint{font-size:11px;color:var(--text3,#828993);background:#171c22;border:1px solid var(--border,#2a313a);border-radius:8px;padding:9px 12px;margin-bottom:12px;display:flex;gap:8px;align-items:flex-start}
.cdx-hint svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--blue-m,#5cc6d1)}.cdx-hint b{color:var(--text2,#aab0b8)}
/* Package view: two WIDE columns on desktop (terms | documents), both bubbles the exact
   same height (bottom edges aligned), notes + action buttons in a footer row beneath —
   nothing scrolls for admin or client. */
.cdx-wrap-wide{max-width:1280px}
.cdx-gen.cdx-gen2{max-width:none}
.cdx-gen2 .g2wrap{display:grid;grid-template-columns:1fr;gap:0 22px}
@media(min-width:920px){.cdx-gen2 .g2wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.cdx-gen2 .g2cell{display:flex;flex-direction:column;min-width:0}
.cdx-gen2 .g2cell .gcard{flex:1;box-sizing:border-box;margin:0;display:flex;flex-direction:column}
.cdx-gen2 .g2cell .gcard>.gsched{flex:1}
.cdx-gen2 .g2cell .gcard>.gsched td,.cdx-gen2 .g2cell .gcard>.gsched th{vertical-align:middle}
.cdx-gen2 .g2docs{display:flex;flex-direction:column}
.cdx-gen2 .g2docs .cdx-lrow{flex:1;padding:9px 4px}
.cdx-gen2 .g2docs .cdx-lrow:first-of-type{border-top:1px solid rgba(255,255,255,.05)}
.cdx-gen2 .g2docs .cdx-lrow:last-child{border-bottom:none}
.cdx-gen2 .g2foot{min-width:0;margin-top:12px;display:flex;flex-direction:column;justify-content:flex-end}
.cdx-gen2 .g2foot .gactions{margin:0}
.cdx-gen2 .g2foot .gnote{margin-bottom:0}
.cdx-gen2 .g2foot .gwarn{margin-bottom:0}
.cdx-gen2 .cdx-lrow .lic{width:28px;height:28px}
.cdx-gen2 .cdx-lrow .lic svg{width:14px;height:14px}
/* Full-package view: on-screen document divider label — never printed, the PDF is just the pages */
.cdx-fp-lbl{max-width:850px;margin:18px auto 8px;color:#9adbe2;font:800 13px/1.3 var(--font-ui,system-ui);letter-spacing:.4px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.cdx-fp-lbl::after{content:'';flex:1;height:1px;background:rgba(130,220,228,.25)}
#cdx-fullpkg .cdx-fp-lbl:first-child{margin-top:0}
@media print{body *{visibility:hidden!important}#cdx-overlay,#cdx-overlay *{visibility:visible!important}
#cdx-overlay{position:absolute;inset:auto;top:0;left:0;width:100%;background:#fff;backdrop-filter:none;overflow:visible}
.cdx-top,.cdx-bar,.cdx-hint,#cdx-launch,.cdx-fp-lbl{display:none!important}.cdx-wrap{max-width:none;padding:0}.cdx-doc{max-width:none}
.cdx-page{box-shadow:none;margin:0;page-break-after:always}.cdx-field input{background:transparent!important}}

.cdx-seg{border:1px solid var(--border,#2a313a);background:#1b2026;color:var(--text2,#aab0b8);border-radius:8px;padding:8px 16px;font:600 12.5px/1 var(--font-ui,system-ui);cursor:pointer}
.cdx-seg.on{background:linear-gradient(180deg,#226a73,#184e56);color:#eafcff;border-color:#2a7b86}
.cdx-seg:hover:not(.on){color:#fff;border-color:var(--blue-m,#5cc6d1)}
.cdx-mpanel{background:#1a1f25;border:1px solid var(--border,#2a313a);border-radius:12px;overflow:hidden}
.cdx-mph{padding:14px 16px;border-bottom:1px solid var(--border,#2a313a)}
.cdx-mph h2{font-size:15px;font-weight:800;color:var(--text,#f2f4f7);margin:0}
.cdx-mph p{font-size:11.5px;color:var(--text3,#828993);margin:3px 0 0;line-height:1.45}
.cdx-lrow{display:flex;align-items:center;gap:13px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .1s}
.cdx-lrow:last-child{border-bottom:none}
.cdx-lrow:hover{background:#20262e}
.cdx-lrow .lic{width:34px;height:34px;flex:none;border-radius:8px;background:#12262b;display:flex;align-items:center;justify-content:center;color:var(--blue-m,#5cc6d1)}
.cdx-lrow .lic svg{width:17px;height:17px}
.cdx-lrow .lm{flex:1;min-width:0}
.cdx-lrow .lm b{display:block;font-size:13px;font-weight:600;color:var(--text,#f2f4f7)}
.cdx-lrow .lm span{font-size:11px;color:var(--text3,#828993)}
.cdx-lrow .lo{font-size:11.5px;font-weight:600;color:var(--blue-m,#5cc6d1);white-space:nowrap}
.cdx-lrow .lf{font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#7fd6a0;background:#13301c;border:1px solid #1f5132;border-radius:999px;padding:2px 7px;margin-right:8px;white-space:nowrap}

.cdx-lrow .lthumb{width:33px;height:43px;flex:none;object-fit:cover;object-position:top;border-radius:3px;border:1px solid var(--border,#2a313a);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.cdx-gen{max-width:540px;margin:0 auto;color:var(--text,#f2f4f7)}
.cdx-gen .gl{display:block;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--text3,#828993);margin:16px 0 6px}
.cdx-gen .gl .gopt{text-transform:none;letter-spacing:0;font-weight:500;color:var(--text3,#828993)}
.cdx-gen .ginp{width:100%;box-sizing:border-box;background:#12161b;border:1px solid var(--border,#2a313a);color:var(--text,#f2f4f7);border-radius:8px;padding:10px 12px;font:500 13px/1.2 var(--font-ui,system-ui);outline:none}
.cdx-gen .ginp:focus{border-color:var(--blue-m,#5cc6d1)}
.cdx-gen select.gsel{appearance:none;-webkit-appearance:none;cursor:pointer}
.cdx-gen .gtog{display:flex;gap:8px}
.cdx-gen .gt{flex:1;border:1px solid var(--border,#2a313a);background:#1b2026;color:var(--text2,#aab0b8);border-radius:8px;padding:9px 0;font:600 12.5px/1 var(--font-ui,system-ui);cursor:pointer}
.cdx-gen .gt.on{background:linear-gradient(180deg,#226a73,#184e56);color:#eafcff;border-color:#2a7b86}
.cdx-gen .gt:hover:not(.on){color:#fff;border-color:var(--blue-m,#5cc6d1)}
.cdx-gen .gwarn{margin-top:8px;font-size:11.5px;line-height:1.45;color:#f0c674;background:#2a2310;border:1px solid #5c4a1f;border-radius:8px;padding:9px 11px}
.cdx-gen .gactions{display:flex;gap:10px;margin-top:22px}
.cdx-gen .gactions .cdx-btn{flex:1;justify-content:center;padding:11px 12px}
.cdx-gen .gactions .cdx-btn.send{background:linear-gradient(180deg,#2f7d4a,#236b3c);color:#eafcef;border-color:#2f8a52}
.cdx-gen .gnote{font-size:11px;line-height:1.5;color:var(--text3,#828993);margin:16px 0 0}
.cdx-gen .gcard{background:#171c22;border:1px solid var(--border,#2a313a);border-radius:12px;padding:16px}
.cdx-gen .gcard h3{font-size:13px;font-weight:800;color:var(--text,#f2f4f7);margin:0 0 12px}
.cdx-gen .gkv{display:flex;justify-content:space-between;gap:14px;font-size:12.5px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.cdx-gen .gkv span{color:var(--text3,#828993)}.cdx-gen .gkv b{color:var(--text,#f2f4f7);font-weight:600;text-align:right}
.cdx-gen .gkv.tot{border-bottom:none;margin-top:4px}.cdx-gen .gkv.tot span,.cdx-gen .gkv.tot b{font-size:14px;font-weight:800;color:#7fd6a0}
.cdx-gen .gsched{width:100%;border-collapse:collapse;margin-top:12px;font-size:12px}
.cdx-gen .gsched th{text-align:left;color:var(--text3,#828993);font-weight:700;font-size:10px;letter-spacing:.4px;text-transform:uppercase;padding:6px 0;border-bottom:1px solid var(--border,#2a313a)}
.cdx-gen .gsched th.amt{text-align:right}
.cdx-gen .gsched td{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text2,#aab0b8)}
.cdx-gen .gsched .amt{text-align:right;color:var(--text,#f2f4f7);font-variant-numeric:tabular-nums}
.cdx-gen .gsched tr.dep td{color:#7fd6a0}
.cdx-gen .gdh{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--text3,#828993);margin:22px 0 8px}
/* ── The HTML statutory page — styled to MATCH THE OTHER ADDENDA (they are designed
   letterhead documents: CTP logo top-left, address/CSLB pill top-right, letter-spaced
   eyebrow + big bold title, gray callout box, rounded ACKNOWLEDGMENT box with
   signature lines, footer strip). Typography in cqw so it scales with the page
   container exactly like the scans, on screen and in print (1pt ≈ 0.163cqw). */
.cdx-page.cdx-hpage{padding:4.5% 5.5% 3.5%;box-sizing:border-box;font-family:var(--font-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif);color:#1a1a1a;aspect-ratio:8.5/11;overflow:hidden}
.cdx-hpage .dhead{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:.2cqw solid #1a1a1a;padding-bottom:1.6cqw;margin-bottom:2.6cqw}
.cdx-hpage .dlogo .l1{font-family:'Brush Script MT','Segoe Script',cursive;font-size:1.7cqw;color:#1a1a1a;line-height:1}
.cdx-hpage .dlogo .l2{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:2.6cqw;letter-spacing:.14cqw;color:#2b7d8a;line-height:1.05}
.cdx-hpage .dlogo .l2 span{font-family:'Brush Script MT','Segoe Script',cursive;font-weight:400;font-size:1.7cqw;letter-spacing:0;color:#1a1a1a;margin-left:.4cqw}
.cdx-hpage .dco{text-align:right;font-size:1.15cqw;color:#7a8288;line-height:1.6}
.cdx-hpage .dco .pill{display:inline-block;border:.12cqw solid #cfd6c9;border-radius:2cqw;padding:.35cqw 1cqw;font-weight:700;letter-spacing:.08cqw;color:#4a524e;margin-top:.5cqw}
.cdx-hpage .deye{font-size:1.25cqw;font-weight:700;letter-spacing:.35cqw;color:#555;text-transform:uppercase;margin:0 0 .4cqw}
.cdx-hpage .dtitle{font-size:3.1cqw;font-weight:800;letter-spacing:.04cqw;color:#111;margin:0 0 1.6cqw}
.cdx-hpage h3{font-size:1.5cqw;font-weight:800;margin:1.9cqw 0 .5cqw;color:#111}
.cdx-hpage p{font-size:1.42cqw;line-height:1.55;margin:.5cqw 0;color:#222}
.cdx-hpage .dmuted{color:#666}
.cdx-hpage .dbox{background:#f4f5f4;border-left:.45cqw solid #1a1a1a;border-radius:0 .8cqw .8cqw 0;padding:1.3cqw 1.7cqw;margin:1.2cqw 0}
.cdx-hpage .dbox .bh{font-size:1.32cqw;font-weight:800;letter-spacing:.18cqw;text-transform:uppercase;color:#111;margin:0 0 .7cqw}
.cdx-hpage .drow{display:flex;align-items:flex-start;gap:.6cqw;font-size:1.42cqw;line-height:1.5;margin:.5cqw 0;color:#222}
.cdx-dcb{display:inline-flex;align-items:center;justify-content:center;width:1.75cqw;height:1.75cqw;border:.15cqw solid #1a1a1a;border-radius:.25cqw;background:#fff;cursor:pointer;padding:0;margin:.12cqw .4cqw 0 0;flex:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.cdx-dcb.on::after{content:'\2713';color:#111;font-weight:700;font-size:1.4cqw;line-height:1}
.cdx-dcb:hover{box-shadow:0 0 0 2px #409cd6}
/* The acknowledgment box + signature lines are PINNED to page coordinates so the disc
   doc's fillable fields and seeded sign tabs (DOCS f entries, page-level %) land exactly
   on their printed lines — the same geometry contract the scans keep. */
.cdx-hpage .dack{position:absolute;left:5.5%;right:5.5%;top:73.6%;bottom:4.4%;border:.14cqw solid #c9ced2;border-radius:1cqw;padding:1.3cqw 1.8cqw}
.cdx-hpage .dack .bh{font-size:1.32cqw;font-weight:800;letter-spacing:.18cqw;text-transform:uppercase;color:#111;margin:0 0 .6cqw}
.cdx-hpage .hline{position:absolute;border-bottom:.14cqw solid #1a1a1a}
.cdx-hpage .hlbl{position:absolute;font-size:1cqw;font-weight:700;letter-spacing:.14cqw;text-transform:uppercase;color:#7a8288;margin-top:.3cqw}
.cdx-hpage .dfoot{position:absolute;left:5.5%;right:5.5%;bottom:1.3%;display:flex;justify-content:space-between;font-size:1.05cqw;color:#8a9096;border-top:.12cqw solid #dfe3e6;padding-top:.7cqw}