/* Free form generators: live A4 preview + print / save as PDF */
.czf-grid{display:grid;gap:14px 18px;grid-template-columns:1fr}
@media(min-width:640px){.czf-grid{grid-template-columns:1fr 1fr}}
.czf-field{display:flex;flex-direction:column;gap:4px;font-size:15px}
.czf-field.wide{grid-column:1/-1}
.czf-field label{font-weight:600;color:#081E5B}
.czf-field label small{font-weight:400;color:#5B6B85;margin-left:6px}
.czf-field input,.czf-field select{border:1px solid #CBD5E1;border-radius:10px;padding:9px 12px;font:inherit;background:#fff}
.czf-field input:focus,.czf-field select:focus{outline:2px solid #1D4ED8;outline-offset:1px}
.czf-legend{grid-column:1/-1;margin-top:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0E7A5A}
.czf-grid label.inline-flex{margin-right:22px} /* czf-opt */
.czf-check{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
.czf-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:22px 0 8px}
.czf-btn{background:#081E5B;color:#fff;border-radius:12px;padding:12px 20px;font-weight:600;border:0;cursor:pointer}
.czf-btn:hover{background:#1D4ED8}
.czf-note{font-size:14px;color:#5B6B85}
.czf-preview{margin-top:18px;border:1px solid #E3E8EF;border-radius:16px;background:#F2F5F8;padding:16px;overflow:hidden}
.czf-scale{transform-origin:top left}
/* the A4 sheet */
.cz-sheet{width:210mm;min-height:297mm;background:#fff;color:#000;padding:20mm 22mm;box-sizing:border-box;font-family:"Times New Roman","Liberation Serif",Tinos,Georgia,serif;font-size:11.5pt;line-height:1.35;box-shadow:0 2px 10px rgba(8,30,91,.12)}
.cz-sheet h2{font-size:15pt;font-weight:700;text-align:center;margin:0 0 6mm;letter-spacing:.02em}
.cz-sheet .law{text-align:center;font-size:11pt;margin:0 0 8mm}
.cz-sheet .row{display:flex;align-items:flex-end;gap:3mm;margin:0 0 3.2mm}
.cz-sheet .lab{flex:0 0 56mm}
.cz-sheet .lab.auto{flex:0 0 auto}
.cz-sheet .val{flex:1;border-bottom:.6pt solid #000;min-height:5.2mm;font-weight:700;padding-left:2mm}
.cz-sheet .blk{margin:5mm 0 2mm}
.cz-sheet .b{font-weight:700}
.cz-sheet .box{display:inline-block;width:3.6mm;height:3.6mm;border:.6pt solid #000;margin-right:2mm;vertical-align:-0.5mm;text-align:center;line-height:3.4mm;font-size:9pt;font-weight:700}
.cz-sheet .sign{margin-top:12mm}
.cz-sheet .small{font-size:9.5pt}
.cz-sheet .it{font-style:italic;font-size:10.5pt}
.cz-sheet s{text-decoration-thickness:1pt}
@page{size:A4;margin:0}
.cz-sheet .ival{display:inline-block;min-width:34mm;border-bottom:.6pt solid #000;font-weight:700;text-align:center;margin:0 2mm;min-height:5mm;vertical-align:bottom}
.cz-sheet .line{margin:0 0 3mm}
.cz-sheet.wl .lab{flex:0 0 74mm}
.cz-sheet.wl .lab.auto{flex:0 0 auto}
#czf-print{display:none}
@media print{
  body>:not(#czf-print){display:none!important}
  #czf-print{display:block}
  #czf-print .cz-sheet{box-shadow:none;min-height:0;height:296mm;overflow:hidden}
}
/* conditions and ticks: one font size (14px), navy for what you agree to, grey for notes */
.czf-check small{font-size:14px;color:#5B6B85;margin-top:4px}
ul.czf-note li{margin:0 0 6px}
.czf-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}
