.mail-keuzes{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));list-style:none;display:grid}.mail-keuze{background:var(--color-surface-container);border-radius:var(--radius-lg);height:100%;padding:var(--space-8);transition:background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex;position:relative}.mail-keuze:hover{background:var(--color-surface-high)}.mail-keuze:active{transform:scale(.99)}.mail-keuze .card-icon{margin-bottom:var(--space-6)}.mail-keuze-label{top:var(--space-8);right:var(--space-8);position:absolute}.mail-keuze-titel{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-extrabold);letter-spacing:-.01em;margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.mail-keuze-tekst{color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding-right:var(--space-8)}.mail-keuze-pijl{right:var(--space-8);bottom:var(--space-8);color:var(--color-primary);transition:transform var(--duration-fast) var(--ease-standard);position:absolute}.mail-keuze:hover .mail-keuze-pijl{transform:translate(4px)}.mail-klaar{border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-8);line-height:var(--leading-relaxed);overflow-wrap:anywhere;background:#ff8f761f;max-width:62ch}.mail-klaar[hidden]{display:none}.mail-verwijzing{margin-top:var(--space-8);color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:62ch}.mail-verwijzing a{color:var(--color-primary);font-weight:var(--weight-bold)}.mail-inhoud{gap:var(--space-16);flex-direction:column;display:flex}.mail-inhoud>*{max-width:52rem}.mail-inhoud [hidden]{display:none!important}.mail-blok h2{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-display);margin-bottom:var(--space-6)}.mail-blok-intro{color:var(--color-on-surface-variant);line-height:var(--leading-relaxed);max-width:58ch;margin:calc(-1 * var(--space-3)) 0 var(--space-6)}.mail-herken{margin-bottom:calc(-1 * var(--space-8));background:var(--color-surface-container);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:62ch}.mail-herken a,.mail-inhoud p a,.mail-installeer a{color:var(--color-primary);font-weight:var(--weight-bold)}.mail-herken strong{color:var(--color-on-surface)}.mail-inhoud code{background:var(--color-surface-highest);color:var(--color-on-surface);border-radius:var(--radius-sm);overflow-wrap:anywhere;padding:1px 6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em}.mail-inhoud code.is-ingevuld{color:var(--color-primary)}.mail-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-primary);border-radius:var(--radius-full);padding:2px var(--space-2);background:#ff8f761f}.mail-profiel{background:var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-8)}.mail-profiel .mail-label{margin-bottom:var(--space-3);display:inline-block}.mail-profiel-form{align-items:flex-start;gap:var(--space-6);flex-direction:column;display:flex}.mail-profiel-form .form-row{width:100%}.mail-installeer{margin-top:var(--space-8);padding-left:var(--space-6);color:var(--color-on-surface-variant);line-height:var(--leading-relaxed);gap:var(--space-3);display:grid}.mail-installeer strong{color:var(--color-on-surface)}.mail-installeer li::marker{color:var(--color-primary);font-weight:var(--weight-bold)}@media (width<=640px){.mail-profiel{padding:var(--space-6)}.mail-profiel-form .btn{width:100%}}.mail-adres{max-width:28rem}.mail-adres .field label .optioneel{display:block}.mail-tabel{border-collapse:collapse;background:var(--color-surface-container);border-radius:var(--radius-lg);width:100%;font-size:var(--text-sm);overflow:hidden}.mail-tabel th,.mail-tabel td{text-align:left;vertical-align:top;padding:var(--space-3) var(--space-6)}.mail-tabel tr+tr th,.mail-tabel tr+tr td{border-top:1px solid #48484759}.mail-tabel th{width:42%;color:var(--color-on-surface-variant);font-weight:var(--weight-medium)}.mail-tabel td{font-weight:var(--weight-bold)}.mail-kopieer{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.mail-kopieer button{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-primary);border-radius:var(--radius-full);padding:4px var(--space-3);background:#ff8f761f;min-height:24px}.mail-kopieer button:hover{background:#ff8f7633}@media (width<=640px){.mail-tabel th,.mail-tabel td{width:auto;padding:var(--space-1) var(--space-4);display:block}.mail-tabel th{padding-top:var(--space-3)}.mail-tabel td{padding-bottom:var(--space-3)}.mail-tabel tr+tr td{border-top:none}}.mail-noot{margin-top:var(--space-4);color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:62ch}.mail-stappenlijst{gap:var(--space-8);list-style:none;display:grid}.mail-stappenlijst>li{gap:var(--space-4);grid-template-columns:40px minmax(0,1fr);display:grid}.mail-stap-teller{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-primary);font-weight:var(--weight-extrabold);background:#ff8f761f;justify-content:center;align-items:center;display:inline-flex}.mail-stappenlijst h3{font-size:var(--text-lg);font-weight:var(--weight-extrabold);letter-spacing:-.01em;margin:6px 0 var(--space-2)}.mail-stappenlijst p{color:var(--color-on-surface-variant);line-height:var(--leading-relaxed);max-width:62ch}.mail-stappenlijst p strong{color:var(--color-on-surface)}.mail-beeld{margin-top:var(--space-4);border-radius:var(--radius-md);width:auto;max-width:min(100%,36rem);height:auto;box-shadow:var(--shadow-float)}.mail-gegevens{background:var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-8)}.mail-gegevens .mail-label{margin-bottom:var(--space-3);display:inline-block}.mail-gegevens .mail-tabel{background:var(--color-surface-low)}.mail-keuze-box{margin-bottom:var(--space-6);color:var(--color-on-surface-variant)}.mail-box-knoppen{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.mail-box-knoppen button{background:var(--color-surface-highest);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-bold);overflow-wrap:anywhere}.mail-box-knoppen button:hover{background:var(--color-surface-bright)}.mail-box-knoppen button[aria-pressed=true]{background:var(--gradient-primary);color:var(--color-on-primary)}.mail-tekstknop{color:var(--color-primary);font-weight:var(--weight-bold);font-size:inherit;text-decoration:underline}@media (width<=640px){.mail-gegevens{padding:var(--space-6)}}.mail-cta-knoppen{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ht-grid{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=1024px){.ht-grid{grid-template-columns:1fr}}.ht-form{background:var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-8);gap:var(--space-8);flex-direction:column;display:flex}.ht-form [hidden]{display:none!important}.ht-groep{gap:var(--space-4);border:none;flex-direction:column;display:flex}.ht-groep legend{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-primary);margin-bottom:var(--space-4)}.ht-stijlen{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ht-stijl{background:var(--color-surface-low);border:1px solid var(--color-field-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);flex-direction:column;gap:2px;display:flex;position:relative}.ht-stijl:hover{background:var(--color-surface-lowest)}.ht-stijl input{opacity:0;pointer-events:none;position:absolute}.ht-stijl:has(input:checked){border-color:var(--color-primary);background:#ff8f7614}.ht-stijl:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.ht-stijl-label{font-weight:var(--weight-bold);font-size:var(--text-sm)}.ht-stijl-uitleg{color:var(--color-on-surface-variant);font-size:var(--text-xs)}@media (width<=480px){.ht-stijlen{grid-template-columns:1fr}}.ht-hint{color:var(--color-on-surface-variant);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.ht-hint.is-fout{color:var(--color-error)}.ht-kleurveld{max-width:16rem}.ht-kleur{gap:var(--space-3);align-items:center;display:flex}.ht-kleur input[type=color]{cursor:pointer;flex-shrink:0;width:48px;height:44px;padding:4px}.ht-voorbeeld-kolom{gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:120px}@media (width<=1024px){.ht-voorbeeld-kolom{position:static}}@media (width<=640px){.ht-form{padding:var(--space-6)}}.ht-frame{border-radius:var(--radius-md);background:#fff;border:0;width:100%;min-height:120px;display:block}