/* self-employed-van.html - Van finance when you are self employed (WEB-107, register S539, walk-through 59).
   House variables only; the same shapes as van.css (the table, the tick-and-print checklist), under this page's own names. */

.se-measure{max-width:66ch}
.se-tip{margin-top:var(--mcf-s4);max-width:52ch}
.se-by{margin-top:var(--mcf-s4);font-size:var(--mcf-size-small);color:var(--mcf-grey)}
.hero .btn-apply,.se-form-actions .btn-apply,.page-close .btn-apply{white-space:normal;flex-direction:column;align-items:flex-start;gap:2px;height:auto;min-height:48px;padding-block:var(--mcf-s3);text-align:left;line-height:1.25}
.btn-apply b{font-weight:600}
.btn-apply span{font-size:var(--mcf-size-small);font-weight:500;opacity:.9}
/* Donnie in his scene beside the title (assets/illustrations/donnie.css; pages/self-employed-van.js moves him) */
.se-scene{width:100%;max-width:560px;margin-inline:auto;cursor:pointer}
.se-scene svg{display:block;width:100%;height:auto}
.prose ul,.prose ol{padding-left:1.25em;display:flex;flex-direction:column;gap:var(--mcf-s2)}

/* The table; on a phone it scrolls inside its own box */
.se-table-wrap{overflow-x:auto;border:1px solid var(--mcf-line);border-radius:var(--mcf-r-card);background:var(--mcf-card)}
.se-table{width:100%;min-width:640px;font-size:var(--mcf-size-table);line-height:1.45}
.se-table caption{text-align:left;font-weight:600;padding:var(--mcf-s4) var(--mcf-s4) 0}
.se-table th,.se-table td{padding:var(--mcf-s4);text-align:left;vertical-align:top;border-bottom:1px solid var(--mcf-line-soft)}
.se-table thead th{font-weight:600;color:var(--mcf-ink);background:var(--mcf-page)}
.se-table tbody th{font-weight:600;color:var(--mcf-grey-strong);width:24%}
.se-table tbody tr:last-child th,.se-table tbody tr:last-child td{border-bottom:0}

/* The checklist: tick it off, then print it or save it as a PDF */
.se-form{max-width:760px;background:var(--mcf-card);border-radius:var(--mcf-r-card);padding:var(--mcf-s7)}
.se-form .check{align-items:flex-start;min-height:44px;padding-block:var(--mcf-s2);line-height:1.45}
.se-form .check input{margin-top:2px;flex-shrink:0}
.se-print-head{display:none}
@media (max-width:640px){.se-form{padding:var(--mcf-s5)}.hero .btn-apply,.se-form-actions .btn-apply,.page-close .btn-apply{width:100%}}

/* Printed (or saved as a PDF): only the checklist, under Donnie and how to reach us */
@media print{
  body.site > *:not(main),main > *:not(#ready),#ready > .wrap > *:not(form),.se-form-actions,.mock{display:none !important}
  #ready{padding:0;background:none}
  .se-form{padding:0;max-width:none}
  .se-print-head{display:flex;align-items:center;gap:var(--mcf-s5);margin-bottom:var(--mcf-s5);padding-bottom:var(--mcf-s4);border-bottom:1px solid var(--mcf-line)}
  .se-print-head img{width:260px;height:auto}
  .se-print-head div{display:flex;flex-direction:column;gap:2px;font-size:var(--mcf-size-small)}
  .se-print-head b{font-size:var(--mcf-size-section)}
  .se-form fieldset{break-inside:avoid}
}