/* the contract tab · same house tokens as app.css; the seal is the one accent moment */
.ct-head{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.ct-doc,.ct-next{display:flex;gap:16px;align-items:flex-start}
.ct-doc h2{margin:2px 0 4px;font-size:22px}
.ct-meta{margin:0;color:var(--ink2)}
.ct-meta b{color:var(--ink)}
.ct-seal{flex:none;filter:drop-shadow(0 0 18px oklch(62% 0.22 10 / .35))}
.ct-seal.open{filter:none}
.ct-next{border-top:1px solid var(--rule);padding-top:14px}
.ct-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.ct-acts .m{color:var(--muted);font-size:13px}
.ct-warn{margin:8px 0 0;color:var(--wait-ink);background:var(--wait-chip);border-radius:10px;padding:6px 10px;font-size:13.5px}
.ct-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.contract.one{grid-template-columns:1fr}
.contract .empty{color:var(--muted)}
.sec h3{margin:0 0 6px;font-size:18px;text-transform:none;letter-spacing:-.01em;color:var(--ink)}
.sec h3 .m{color:var(--muted);font-weight:600;font-size:13px}
.rail .n{color:var(--muted)}
.ct-line-top{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.ct-line-top .num{color:var(--accent-2);font-weight:800;font-variant-numeric:tabular-nums;margin-right:2px}
.ct-line .ct-acts{margin-top:4px}
.ct-line .ct-acts .btn{padding:5px 10px;font-size:12.5px}
.ct-note{margin:8px 0 0;padding:6px 10px;border-radius:10px;background:var(--paper-2);color:var(--ink2);font-size:14px}
.ct-prop{margin:10px 0 2px;padding:10px 12px;border:1px dashed var(--accent-line);border-radius:12px;background:var(--paper-2)}
.ct-prop[data-state=agreed]{border-style:solid;border-color:var(--accent-2)}
.chip.k-agreed{background:var(--accent-wash);color:var(--accent-2)}
.ct-prop .t{font-weight:700}
.ct-prop p{margin:3px 0}
.ct-changes{margin:0 0 10px;padding-left:20px;color:var(--ink2)}
.ct-changes li{margin:0 0 8px}
.ct-was,.ct-now{font-size:14px;margin-top:2px}
.ct-was{color:var(--ink3)}
.ct-was .m,.ct-now .m{display:inline-block;min-width:58px;color:var(--muted);font-size:12px}
.ct-changed{margin-top:8px;font-size:14px}
.ct-changed summary{cursor:pointer;color:var(--ink2)}
.ct-jump{display:none;margin:0 0 12px}
.ct-jump > div{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding:8px;background:var(--paper-2);border:1px solid var(--line);border-radius:14px}
.ct-jump a{color:var(--ink2);text-decoration:none;padding:8px 10px;border-radius:10px}
.ct-jump a:hover{background:var(--paper-3)}
@media (max-width:820px){.ct-jump{display:block}}
.contract .card:hover,.ct-head:hover{transform:none;box-shadow:var(--shadow)}
.sheet code{font-variant-numeric:tabular-nums;background:var(--paper-3);padding:1px 6px;border-radius:6px}
label.f textarea{resize:vertical}
@media (max-width:640px){.ct-doc,.ct-next{gap:10px}.ct-seal{width:56px;height:56px}.ct-doc h2{font-size:19px}.ct-bar .segs{margin-left:0}}

/* the print: only the formal contract goes to paper, in ink on white */
#print-doc{display:none}
@media print{
  @page{size:letter;margin:22mm 20mm}
  :root,html,body{background:#fff !important;color:#111;font:11.5pt/1.5 Georgia,'Times New Roman',serif;color-scheme:light !important}
  #print-doc,#print-doc *{color:#111 !important;font-family:Georgia,'Times New Roman',serif !important;text-transform:none !important;letter-spacing:normal !important;background:none !important}
  body::before{display:none}
  body > *:not(#print-doc){display:none !important}
  #print-doc{display:block}
  #print-doc h1{font-size:30pt;margin:0 0 6pt;font-weight:700}
  #print-doc h2{font-size:16pt;margin:0 0 10pt}
  #print-doc h3{font-size:12.5pt;margin:14pt 0 4pt;break-after:avoid}
  .pd-cover{min-height:220mm;display:flex;flex-direction:column;justify-content:center;break-after:page}
  #print-doc .pd-eyebrow{letter-spacing:.2em !important;font-size:9pt}
  .pd-sub{font-size:14pt;margin:0 0 18pt}
  .pd-print{margin-top:40pt;font-size:9pt;font-variant-numeric:lining-nums tabular-nums}
  #print-doc .pd-print{font-family:ui-monospace,Menlo,monospace !important}
  .pd-toc{break-after:page}
  .pd-toc ol{padding-left:22pt}
  .pd-toc-p{margin-top:8pt;font-weight:700;list-style:none;margin-left:-22pt}
  .pd-toc-p ol li{font-weight:400}
  .pd-recital{font-style:italic}
  .pd-part{break-before:page}
  .pd-part:first-of-type{break-before:auto}
  .pd-cl{break-inside:avoid;margin:0 0 6pt}
  .pd-cl p{margin:0}
  .pd-looks{color:#444;font-size:10.5pt;margin-left:18pt !important}
  .pd-empty{color:#777;font-style:italic}
  .pd-warn{border:1px solid #111;padding:6pt;font-weight:700}
  .pd-sign{break-before:page}
  .pd-signers{display:flex;gap:28pt;margin:40pt 0 24pt}
  .pd-signer{flex:1}
  .pd-line{border-bottom:1px solid #111;height:34pt;font-size:9pt;color:#444;display:flex;align-items:flex-end}
  .pd-signer p{margin:4pt 0 0}
}