/* asset-finance.html - Asset finance (WEB-081, walk-through 14). House variables only; same rules as site-v2.css.
   The table and checklist take the van page's shapes (van.css), under their own af- names. */

.af-measure{max-width:66ch}
.af-points{list-style:none;padding:0;margin:var(--mcf-s3) 0 0;display:grid;gap:var(--mcf-s2);max-width:52ch}
.af-points li{position:relative;padding-left:1.5em}
.af-points li::before{content:"";position:absolute;left:0;top:.45em;width:.6em;height:.6em;border-radius:50%;background:var(--mcf-blue)}
.af-tip{margin-top:var(--mcf-s4);max-width:52ch}
.af-by{margin-top:var(--mcf-s4);font-size:var(--mcf-size-small);color:var(--mcf-grey)}
.hero .btn-apply,.af-form-actions .btn-apply,.page-close .btn-apply{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}
.af-scene{width:100%;max-width:560px;margin-inline:auto}
.af-scene svg{display:block;width:100%;height:auto}

/* The three types side by side */
.af-table-wrap{overflow-x:auto;border:1px solid var(--mcf-line);border-radius:var(--mcf-r-card);background:var(--mcf-card)}
.af-table{width:100%;min-width:560px;font-size:var(--mcf-size-table);line-height:1.45}
.af-table th,.af-table td{padding:var(--mcf-s4);text-align:left;vertical-align:top;border-bottom:1px solid var(--mcf-line-soft)}
.af-table thead th{font-weight:600;color:var(--mcf-ink);background:var(--mcf-page)}
.af-table tbody th{font-weight:600;color:var(--mcf-grey-strong);width:22%}
.af-table tbody tr:last-child th,.af-table tbody tr:last-child td{border-bottom:0}

/* The five steps, numbered */
.af-steps{list-style:decimal;padding-left:1.4em;max-width:640px}
.af-steps li{margin-top:var(--mcf-s2);padding-left:var(--mcf-s1)}

/* The checklist */
.af-form{max-width:760px;background:var(--mcf-card);border-radius:var(--mcf-r-card);padding:var(--mcf-s7)}
.af-form fieldset + fieldset{border-top:1px solid var(--mcf-line-soft);padding-top:var(--mcf-s6)}
.af-form .check{align-items:flex-start;min-height:44px;padding-block:var(--mcf-s2);line-height:1.45}
.af-form .check input{margin-top:2px;flex-shrink:0}
.af-note{font-size:var(--mcf-size-small);color:var(--mcf-grey);line-height:1.5}
.af-print-head{display:none}

.case-cards{margin-top:var(--mcf-s6)}

@media (max-width:640px){.af-form{padding:var(--mcf-s5)}.hero .btn-apply,.af-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),.af-form-actions,.mock{display:none !important}
  #ready{padding:0;background:none}
  .af-form{padding:0;max-width:none}
  .af-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)}
  .af-print-head img{width:260px;height:auto}
  .af-print-head div{display:flex;flex-direction:column;gap:2px;font-size:var(--mcf-size-small)}
  .af-print-head b{font-size:var(--mcf-size-section)}
  .af-form fieldset{break-inside:avoid}
}