/* 12 — Offertewizard.
   Alleen de opmaak van de wizard zelf: de basis (kleuren, knoppen,
   navigatie en footer) komt uit de lagen 01-07 van het thema.
   Laadt alleen op de pagina met het sjabloon 'Offertewizard'. */

/* ===== WIZARD ===== */
.wiz-hero{padding:56px 0 8px}
.wiz-hero .back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink-soft);text-decoration:none;margin-bottom:22px}
.wiz-hero .back:hover{color:var(--orange-deep)}
.wiz-hero h1{font-size:38px;font-weight:600;margin-bottom:10px}
.wiz-hero p{font-size:16px;color:var(--ink-soft);max-width:600px}

.wiz-progress{display:flex;gap:8px;margin:26px 0 40px}
.wiz-progress .seg{flex:1;height:5px;border-radius:100px;background:var(--line)}
.wiz-progress .seg.done{background:var(--orange)}

.wiz-wrap{padding-bottom:100px}
.wiz-card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:40px;max-width:760px;transition:max-width .2s}
.wiz-card.wiz-card--wide{max-width:1080px}
.wiz-step{display:none}
.wiz-step.active{display:block}
.wiz-step .stap-label{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:8px}
.wiz-step h2{font-size:25px;margin-bottom:8px}
.wiz-step .sub{font-size:14.5px;color:var(--ink-soft);margin-bottom:26px}

.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:620px){.opt-grid{grid-template-columns:1fr}}
.opt{display:block;border:1.5px solid var(--line);border-radius:16px;padding:20px 22px;cursor:pointer;transition:border-color .15s,background .15s}
.opt:hover{border-color:var(--orange)}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt .opt-title{font-weight:700;font-size:15px;margin-bottom:4px;display:flex;align-items:center;gap:8px}
.opt .opt-desc{font-size:13px;color:var(--ink-soft);display:flex;flex-direction:column;gap:4px}
.opt .opt-desc .opt-line{display:flex;align-items:center;gap:8px}
.opt .opt-desc .opt-line .dot{flex:none}
.opt input:checked ~ .opt-title{color:var(--orange-deep)}
.opt:has(input:checked){border-color:var(--orange);background:var(--orange-tint)}
.opt .opt-title .chk{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line);flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff}
.opt input:checked ~ .opt-title .chk{background:var(--orange);border-color:var(--orange)}
.opt input:checked ~ .opt-title .chk::after{content:"✓"}

.field{margin-bottom:20px}
.field:last-child{margin-bottom:0}
.field label{display:block;font-weight:700;font-size:14.5px;margin-bottom:8px}
.field label .opt-tag{font-weight:500;color:var(--ink-faint);font-size:12.5px}
.field .hint{font-size:12.5px;color:var(--ink-faint);margin-top:6px}
.field input[type=number],.field input[type=text],.field input[type=email],.field input[type=tel],.field textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px 16px;font-family:var(--body);font-size:15px;color:var(--ink)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--orange)}
.field textarea{resize:vertical;min-height:90px}
.field .err-msg{color:#C0392B;font-size:12.5px;font-weight:600;margin-top:6px;display:none}
.field.invalid input{border-color:#C0392B}
.field.invalid .err-msg{display:block}

.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.field-row{grid-template-columns:1fr}}

.wiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:30px}
.wiz-nav .prev{font-size:14px;font-weight:700;color:var(--ink-soft);background:none;border:none;cursor:pointer}
.wiz-nav .prev:hover{color:var(--orange-deep)}
.wiz-nav .prev[hidden]{visibility:hidden}
.err{color:#C0392B;font-size:13px;font-weight:600;margin-top:10px;display:none}
.err.show{display:block}

/* result */
.res-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:900px){.res-plans-grid{grid-template-columns:1fr}}
.res-plan{border:1.5px solid var(--line);border-radius:16px;padding:22px 22px;margin-bottom:14px}
.res-plans-grid .res-plan{margin-bottom:0;display:flex;flex-direction:column}
.res-plan.aanbevolen{border-color:var(--orange);background:var(--orange-tint)}
.res-plan .rp-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.res-plans-grid .rp-top{flex-direction:column;align-items:flex-start;gap:10px}
.res-plans-grid .rp-prijs{text-align:left;width:100%}
.res-plan .rp-badge{display:inline-block;background:var(--orange);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:50px;margin:0 0 0 10px;vertical-align:middle}
.res-plan .rp-naam{font-family:var(--display);font-size:19px;font-weight:700}
.res-plan .rp-sub{font-size:12.5px;color:var(--ink-faint);margin-top:2px}
.res-plan .rp-prijs{font-family:var(--display);font-size:32px;font-weight:700;text-align:right;line-height:1.1}
.res-plan .rp-prijs small{font-family:var(--body);font-size:12px;font-weight:600;color:var(--ink-faint);display:block;margin-top:3px}
.res-plans-grid .rp-prijs{font-size:34px}
.rp-korting-note{margin-top:10px;font-size:12px;font-weight:700;color:var(--orange-deep)}
.res-plan .rp-cta{width:100%;justify-content:center;margin-top:20px;padding:13px 24px;font-size:14px}
.res-plans-grid .res-plan .rp-cta{margin-top:auto}
#res-cta-link[hidden]{display:none}

.incl-box{background:var(--cream-2);border-radius:16px;padding:24px 26px;margin-bottom:28px}
.incl-box .incl-heading{font-family:var(--display);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:4px}
.incl-box .incl-sub{font-size:12.5px;color:var(--ink-soft);margin-bottom:18px;line-height:1.5}
.incl-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
@media(max-width:620px){.incl-grid{grid-template-columns:1fr}}
.incl-item{display:flex;gap:12px;align-items:flex-start}
.incl-icon{flex:none;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;margin-top:1px}
.incl-item-title{font-weight:700;font-size:14px;color:var(--ink);margin-bottom:2px}
.incl-item-desc{font-size:12.5px;color:var(--ink-soft);line-height:1.5}
.rp-gauges{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:14px}
.res-plan.aanbevolen .rp-gauges{border-top-color:rgba(244,126,32,.28)}
.rp-gauge{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}
.rp-gauge-svg{width:100%;max-width:132px;height:auto}
.rp-gauge-track{fill:none;stroke:var(--cream-2);stroke-linecap:round}
.res-plan.aanbevolen .rp-gauge-track{stroke:var(--orange-soft)}
.rp-gauge-fill{fill:none;stroke:var(--orange);stroke-linecap:round}
.rp-gauge-label{font-size:12.5px;font-weight:800;color:var(--ink);margin-top:-6px}
.rp-gauge-sub{font-size:11px;color:var(--ink-faint);margin-top:1px;line-height:1.4}
.res-note{font-size:12.5px;color:var(--ink-faint);margin-top:18px;line-height:1.6}
.res-cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.res-toelichting{background:var(--cream-2);border-radius:12px;padding:14px 18px;font-size:13.5px;color:var(--ink-soft);margin-top:18px}

/* feature-vergelijkingstabel onder de plannen (stap 6) — inhoud volgt nog */
@media(max-width:700px){.ft-table th,.ft-table td{padding:10px 14px}.ft-table--3plan{table-layout:auto}}

/* ===== Toegevoegd: stap 7 (contactgegevens) en stap 8 (de offerte zelf) ===== */
.card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:26px 28px;margin-top:20px}
.card:first-of-type{margin-top:0}
.card h2{font-size:18px;margin-bottom:4px}
.card .card-sub{font-size:12.5px;color:var(--ink-faint);margin-bottom:18px}
.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
@media(max-width:560px){.summary-grid{grid-template-columns:1fr}}
.sum-item .s-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:3px}
.sum-item .s-val{font-size:14.5px;font-weight:700;color:var(--ink)}
.sum-item.wide{grid-column:1 / -1}
.sum-empty{font-size:13.5px;color:var(--ink-faint);font-style:italic}

.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
@media(max-width:700px){.why-grid{grid-template-columns:1fr}}
.why-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px 20px}
.why-card .why-icon{width:28px;height:28px;border-radius:50%;background:var(--orange-tint);color:var(--orange-deep);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;margin-bottom:12px}
.why-card h3{font-size:14.5px;margin-bottom:5px}
.why-card p{font-size:12.5px;color:var(--ink-soft);line-height:1.55}
.stat-strip{display:flex;gap:28px;flex-wrap:wrap;margin-top:16px;padding:18px 22px;background:var(--orange-tint);border-radius:14px}
.stat-strip .stat{display:flex;flex-direction:column}
.stat-strip .stat-val{font-family:var(--display);font-weight:700;font-size:22px;color:var(--orange-deep);line-height:1.1}
.stat-strip .stat-label{font-size:11px;color:var(--ink-soft);margin-top:2px;max-width:150px;line-height:1.3}

.print-bar{display:flex;justify-content:flex-end;gap:12px;margin-bottom:24px}
.of-hero{padding:0}
.of-hero :is(h1,h2){font-size:32px;margin:10px 0 12px}
.of-hero .lead{font-size:15.5px;color:var(--ink-soft);max-width:600px}
.of-meta-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.of-meta-row .om{font-size:13px}
.of-meta-row .om-label{color:var(--ink-faint);font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:10.5px;margin-bottom:3px}
.of-meta-row .om-val{color:var(--ink);font-weight:700;font-size:14px}

.of-parties{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
@media(max-width:560px){.of-parties{grid-template-columns:1fr}}
.of-party{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px 24px}
.of-party .p-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}
.of-party .p-name{font-family:var(--display);font-size:17px;font-weight:700;margin-bottom:2px}
.of-party .p-line{font-size:13px;color:var(--ink-soft)}

.of-quote{background:var(--cream-2);border-radius:16px;padding:20px 24px;margin-top:20px}
.of-quote .q-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:6px}
.of-quote p{color:var(--ink);font-style:italic;font-size:14.5px}

.of-section{margin-top:34px}
.of-section-head h2{font-size:20px}
.of-section-head .sub{font-size:13px;color:var(--ink-soft);margin-top:3px}

.plan-card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:28px 28px 24px;margin-top:16px}
.plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.plan-badge{display:inline-block;background:var(--orange);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:50px;margin-bottom:8px}
.plan-name{font-family:var(--display);font-size:24px;font-weight:700}
.plan-sub{font-size:13px;color:var(--ink-faint);margin-top:2px}
.plan-price{text-align:right}
.plan-price .pp-val{font-family:var(--display);font-size:30px;font-weight:700;line-height:1.1}
.plan-price .pp-note{font-size:11.5px;font-weight:600;color:var(--ink-faint);margin-top:2px}
.plan-highlights{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.plan-hl{flex:1;min-width:190px;background:var(--cream-2);border-radius:14px;padding:15px 17px}
.plan-hl .hl-title{font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:4px}
.plan-hl .hl-title .ic{width:19px;height:19px;border-radius:50%;background:var(--orange);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;flex:none}
.plan-hl .hl-desc{font-size:12px;color:var(--ink-soft);line-height:1.5}

.price-box{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:28px 28px;margin-top:16px}
.price-table{width:100%;border-collapse:collapse}
.price-table td{padding:12px 0;font-size:14px;border-top:1px solid var(--line)}
.price-table tr:first-child td{border-top:none}
.price-table td:last-child{text-align:right;font-weight:700;color:var(--ink)}
.price-table td.pt-desc{color:var(--ink-soft)}
.price-table td.pt-desc .pt-sub{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:2px;font-weight:400}
.price-table tr.pt-sub-row td{padding-top:5px;padding-bottom:5px;font-size:12.5px}
.price-table tr.pt-sub-row td:last-child{font-weight:600;color:var(--ink-soft)}
.price-table tr.pt-discount td,.price-table tr.pt-discount td:last-child{color:var(--orange-deep)}
.price-table tr.pt-total td{border-top:2px solid var(--line-dk);padding-top:16px;font-size:16px}
.price-table tr.pt-total td:last-child{font-family:var(--display);font-size:21px}
.price-table tr.pt-year2 td{color:var(--ink-faint);font-size:12.5px;padding-top:9px}
.price-table tr.pt-year2 td:last-child{color:var(--ink-soft);font-weight:700}
.price-callout{margin-top:18px;background:var(--orange-tint);border-radius:14px;padding:15px 19px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.price-callout .pc-label{font-size:12.5px;color:var(--ink-soft);font-weight:600}
.price-callout .pc-val{font-family:var(--display);font-size:19px;font-weight:700;color:var(--orange-deep)}

.looptijd-vergelijking{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.looptijd-vergelijking .lv-heading{font-weight:700;font-size:14px;margin-bottom:4px}
.looptijd-vergelijking .lv-sub{font-size:12px;color:var(--ink-faint);margin-bottom:14px;line-height:1.5}
.lv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:560px){.lv-grid{grid-template-columns:1fr}}
.lt-col{background:var(--cream-2);border:1px solid var(--line);border-radius:14px;padding:16px}
.lt-col.lt-huidig{background:var(--white);border-style:dashed}
.lt-jaren{font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px;margin-bottom:8px}
.lt-korting{background:var(--orange);color:#fff;font-size:10.5px;font-weight:800;border-radius:6px;padding:2px 6px}
.lt-bedrag{font-family:var(--display);font-size:18px;font-weight:700}
.lt-permaand{font-size:13px;font-weight:700;margin-top:8px}
.lt-totjr1{font-size:13px;font-weight:700;margin-top:8px}
.lt-sub{font-size:10.5px;color:var(--ink-faint);margin-top:1px}

.opmaat-box{background:var(--orange-tint);border:1px solid var(--orange-soft);border-radius:18px;padding:24px 26px;margin-top:16px}
.opmaat-box h3{font-size:17px;margin-bottom:6px}
.opmaat-box p{font-size:13.5px;color:var(--ink-soft)}

.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
@media(max-width:700px){.timeline{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.timeline{grid-template-columns:1fr}}
.tl-step{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 16px}
.tl-num{width:24px;height:24px;border-radius:50%;background:var(--orange);color:#fff;font-family:var(--display);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.tl-title{font-weight:700;font-size:13px;margin-bottom:4px}
.tl-desc{font-size:11.5px;color:var(--ink-soft);line-height:1.5}

.terms-box{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px 26px;margin-top:16px}
.terms-box p{font-size:13px;color:var(--ink-soft);margin-bottom:10px}
.terms-box p:last-child{margin-bottom:0}
.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:560px){.terms-grid{grid-template-columns:1fr}}
.term-row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:4px 0}
.term-row .t-label{color:var(--ink-faint)}
.term-row .t-val{color:var(--ink);font-weight:600;text-align:right}

.accept-box{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px 28px;margin-top:16px}
.accept-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}
@media(max-width:560px){.accept-grid{grid-template-columns:1fr}}
.sign-block .sb-label{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}
.sign-line{border-bottom:1.5px solid var(--line);padding:9px 2px;font-size:13px;color:var(--ink-faint);margin-bottom:12px}
.accept-note{font-size:11.5px;color:var(--ink-faint);margin-top:14px;line-height:1.6}
.esign-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.esign-row .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.looptijd-kies{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.looptijd-kies .lk-heading{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}
.lk-opts{display:flex;gap:10px;flex-wrap:wrap}
.lk-opt{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:9px 15px;font-size:13px;font-weight:600;color:var(--ink-soft);cursor:pointer}
.lk-opt input{accent-color:var(--orange-deep);width:15px;height:15px}
.lk-opt .lk-badge{color:var(--orange-deep);font-weight:800;font-size:11.5px}
.esign-note{font-size:12px;color:var(--ink-faint);line-height:1.5}

/* Marge op 0 zetten is wat Chrome/Edge ertoe brengt hun eigen
   afdruk-header/footer (bestandsnaam, URL, datum, paginanummer) weg te
   laten: die tekst wordt getekend in de paginamarge, en zonder marge is er
   simpelweg geen ruimte voor. We compenseren het verlies aan ademruimte
   met onze eigen padding op de inhoud hieronder (zie .wrap/.wiz-card in
   @media print), niet met een paginamarge. */
@page{margin:0}

@media print{
  /* Zonder dit negeert de browser standaard alle achtergrondkleuren bij
     "afdrukken naar pdf" (de optie "achtergrondafbeeldingen" staat meestal
     uit) — daardoor werden badges, iconen en tabelkoppen die op een gekleurde
     achtergrond wit tekst tonen (zoals de kortingsbadge en de vinkjes bij
     "Altijd inbegrepen") onleesbaar. Dit forceert die kleuren altijd aan. */
  *{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;color-adjust:exact !important}
  .no-print{display:none !important}
  /* De sitefooter (logo + "terug naar prijzen"-link) heeft geen functie op
     een afgedrukte offerte en zorgde soms voor een bijna lege laatste pagina;
     die laten we bij het afdrukken dus weg. */
  footer{display:none !important}
  /* Eigen ademruimte omdat @page{margin:0} hierboven alle paginamarge (en
     daarmee ook de header/footer van de browser) weghaalt. .wrap-padding
     herhaalt links/rechts vanzelf op elke pagina (het is padding op de
     doorlopende inhoud); de padding op body geeft in elk geval de eerste en
     laatste pagina ademruimte boven/onder. */
  body{background:#fff;padding-top:14mm;padding-bottom:14mm}
  .wrap{padding-left:18mm;padding-right:18mm}
  /* 100px onderpadding op het canvas is bedoeld voor de browserweergave;
     op papier levert dat een vrijwel lege laatste pagina op. */
  .wiz-wrap{padding-bottom:0}
  .wiz-card{border:none;box-shadow:none;padding:0;max-width:100%}
  .card,.plan-card,.of-party,.incl-box,.ft-scroll,.tl-step,.price-box,.terms-box,.accept-box{box-shadow:none !important}
  /* Voorkom een afgeknipte kop of kaart precies op een paginabreuk: kop +
     intro blijven bij elkaar, en de kleinere kaartjes/dozen breken niet
     halverwege. De prijstabel en de langere secties laten we wel gewoon
     doorlopen (die zijn te lang om altijd op één pagina te passen). */
  .of-section-head{break-after:avoid;page-break-after:avoid}
  h2,h3{break-after:avoid;page-break-after:avoid}
  .card,.plan-card,.of-party,.incl-box,.tl-step,.res-plan,.lt-col,.looptijd-kies,
  .terms-box,.accept-box,.opmaat-box,.looptijd-vergelijking{
    break-inside:avoid;page-break-inside:avoid
  }
  tr{break-inside:avoid;page-break-inside:avoid}
  thead{display:table-header-group}
}

/* In het losse bestand stond de terugkoppeling op dezelfde regel als het
   kopje erboven; binnen de site leest een eigen regel rustiger. */
.wiz-hero .back {
  display:flex;
  width:fit-content;
}

/* De melding staat achter de pakketnaam, niet erboven: anders zakt de tekst
   van die ene kaart omlaag en staan de drie kaarten niet meer op gelijke
   hoogte. Op smalle schermen mag hij onder de naam vallen. */
.res-plan .rp-naam {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
}

/* De prijsregels in het resultaat van werving en selectie. Daar telt een
   opsomming op naar een jaarbedrag; bij de kernplannen staat er één prijs. */
.res-regels{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.res-regel{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:var(--ink-soft);padding:7px 0}
.res-regel b{color:var(--ink);white-space:nowrap}
.res-regel--staffel{font-size:13px;color:var(--ink-faint);padding-top:0;margin-top:-2px}
.res-regel--totaal{border-top:1px solid var(--line);margin-top:8px;padding-top:12px;font-weight:700;color:var(--ink);font-size:15.5px}
/* Wervingsresultaat: de knop rekent af, de noot biedt de offerte als omweg. */
.res-noot{font-size:13.5px;color:var(--ink-soft);margin:14px 0 0;text-align:center}
.res-noot a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.veld-kop{font-size:14px;font-weight:700;color:var(--ink);margin:22px 0 10px}