/* Lettertypen: zelf gehost (geen verzoeken naar Google). Beide onder SIL Open Font License 1.1. */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100% 112%;
  font-display: swap;
  src: url('/assets/fonts/archivo-latin-variable.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/ibm-plex-mono-latin-400.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/ibm-plex-mono-latin-500.woff2') format('woff2');
}

/* IP-balk bovenaan elke pagina; de IP-regels komen uit ip_display.php */
.ipbar { background: #333333; border-bottom: 2px solid #E0E1E1; }
.ipbar-in { max-width: 960px; margin: 0 auto; padding: 6px 19px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #E0E1E1; }
.ipbar .ipbar-name { align-self: center; }
.ipbar .hl { color: #8FB4E3; }
.ipbar .ips { margin-left: auto; text-align: right; line-height: 1.6; color: #D5D7DA; }
.ipbar .ips > br:first-child { display: none; }
.ipbar .ips b { font-weight: 500; color: #FFFFFF; }

/* Algemeen */
body { margin: 0; background: #FFFFFF; }
a { color: #1F61AA; } a:hover { color: #0B3F78; }
html { scroll-behavior: smooth; }
section[id], main[id] { scroll-margin-top: 90px; }
.nav a { color: #333333; text-decoration: none; }
.nav a:hover { color: #1F61AA; }
.nav a[aria-current] { color: #1F61AA; box-shadow: inset 0 -2px 0 #1F61AA; padding-bottom: 3px; }
.btn-primary:hover { filter: brightness(0.9); }
.btn-ghost:hover { background: #F1F4F9 !important; }
.card:hover { border-color: #1F61AA !important; }
.foot a { color: #FFFFFF; } .foot a:hover { color: #E0E1E1; }
.foot-links { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-bottom: 6px; }
.side a { color: #333333; text-decoration: none; }
.side a:hover { background: #EEF2F8; }

/* Veelgestelde vragen */
.faq summary { list-style: none; cursor: pointer; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary:hover { color: #1F61AA; }
.faq summary:focus-visible { outline: 2px solid #1F61AA; outline-offset: 2px; }
.faq details[open] .chev { transform: rotate(180deg); }
.faq .chev { transition: transform .15s ease; }

/* E-mail instellingen */
.settings th, .settings td { text-align: left; padding: 11px 13px; border-bottom: 1px solid #E0E1E1; vertical-align: top; }
.settings th { font-family: 'IBM Plex Mono', monospace; font-size: 12px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: #666666; background: #F6F7F8; }
.settings td { font-size: 13px; color: #1A1A1A; }
.settings .mono { font-family: 'IBM Plex Mono', monospace; font-size: 12px; }
.settings .nowrap { white-space: nowrap; }
.callout-warn { display: flex; gap: 12px; align-items: flex-start; padding: 16px 19px; background: #FFF4E0; border: 1px solid #F0C36D; border-radius: 6px; }
.callout-warn-icon { flex: none; margin-top: 1px; }
.callout-warn-title { margin: 0 0 4px; font-size: 14px; font-weight: 700; color: #5C3700; }
.callout-warn-text { margin: 0; font-size: 13px; line-height: 1.6; color: #4A3200; }
.mono-i { font-family: 'IBM Plex Mono', monospace; font-size: 12px; background: #F1F2F4; border: 1px solid #E0E1E1; border-radius: 3px; padding: 0 4px; white-space: nowrap; }

/* Opmaak die eerder als style="…" in de HTML stond (nodig voor style-src 'self' zonder 'unsafe-inline').
   !important houdt dezelfde voorrang als de oude inline stijlen. Gegenereerd; namen = hash van de stijl. */
.page { font-family: 'Archivo', 'Verdana', sans-serif; font-variation-settings: 'wdth' 100; color: #333333; min-height: 100vh; display: flex; flex-direction: column }
.page-white { background: #FFFFFF; }
.page-grey { background: #F6F7F8; }
.u012333 { border:0 !important; }
.u020db7 { border: 1px solid #D9DCE0 !important; border-radius: 6px !important; padding: 19px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.u041b5b { font-size: 12px !important; font-weight: 500 !important; }
.u0538b1 { font-size: 12px !important; color: #666666 !important; margin-top: 3px !important; }
.u057927 { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; color: #1F61AA !important; }
.u090596 { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(208px, 1fr)) !important; gap: 0 !important; border-top: 1px solid #D9DCE0 !important; }
.u0a148b { font-size: 12px !important; color: #1F61AA !important; font-weight: 500 !important; }
.u0aab64 { padding: 19px 19px 6px 0 !important; display: flex !important; flex-direction: column !important; gap: 6px !important; }
.u0aedd7 { margin: 0 !important; font-size: 13px !important; line-height: 1.6 !important; color: #1A1A1A !important; }
.u0ca6f5 { font-size: 12px !important; line-height: 1.5 !important; color: #555555 !important; }
.u0f09fe { display: flex !important; align-items: center !important; min-height: 44px !important; padding: 0 10px !important; border-radius: 5px !important; background: #E8EEF7 !important; color: #1F61AA !important; font-weight: 600 !important; box-shadow: inset 2px 0 0 #1F61AA !important; }
.u0f5890 { display: block !important; line-height: 0 !important; }
.u11cb05 { margin: 0 !important; font-size: 13px !important; line-height: 1.6 !important; color: #555555 !important; }
.u1300d7 { margin: 0 !important; max-width: 432px !important; font-size: 15px !important; line-height: 1.6 !important; color: #444444 !important; }
.u15a58f { aspect-ratio: 1 !important; background: #86B4DD !important; }
.u17be5c { font-size: 32px !important; font-weight: 800 !important; font-variation-settings: 'wdth' 112 !important; color: #1F61AA !important; line-height: 1 !important; }
.u1c244e { margin: 0 !important; }
.u1c6b6c { grid-column: span 2 !important; position: relative !important; background: #1F61AA !important; color: #FFFFFF !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; line-height: 1.3 !important; }
.u1f14a0 { background: #F6F7F8 !important; border-top: 1px solid #E0E1E1 !important; }
.u203100 { font-size: 15px !important; font-weight: 700 !important; }
.u21b950 { width: 246px !important; max-width: 100% !important; height: auto !important; display: block !important; }
.u2237a0 { grid-column: span 2 !important; grid-row: span 2 !important; background: #1F61AA !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.u24b053 { font-size: 12px !important; font-weight: 500 !important; color: #1A1A1A !important; }
.u2628d1 { max-width: 960px !important; margin: 0 auto !important; padding: 38px 19px 45px !important; display: flex !important; flex-direction: column !important; gap: 13px !important; }
.u26d620 { font-size: 14px !important; font-weight: 700 !important; }
.u29cb79 { flex: 999 1 448px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 38px !important; }
.u2bc1b2 { border-bottom: 0 !important; }
.u2c9f01 { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; color: #666666 !important; display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
.u2d0c9e { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; padding-top: 6px !important; }
.u2e8601 { font-weight: 600 !important; color: #1A1A1A !important; }
.u304f34 { flex: none !important; }
.u307516 { max-width: 960px !important; margin: 0 auto !important; padding: 32px 19px !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 19px !important; }
.u32ef2a { display: flex !important; flex-wrap: wrap !important; gap: 38px 64px !important; align-items: flex-start !important; }
.u3518e5 { background: #FFFFFF !important; color: #333333 !important; text-decoration: none !important; padding: 11px 19px !important; border-radius: 5px !important; font-weight: 600 !important; font-size: 13px !important; min-height: 44px !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; border: 1px solid #C9CCD1 !important; }
.u36e045 { margin: 0 !important; font-size: 15px !important; line-height: 1.6 !important; max-width: 448px !important; color: #444444 !important; }
.u37f130 { width: 2px !important; height: 14px !important; background: #A9C9EC !important; margin-left: 24px !important; }
.u383ad3 { max-width: 960px !important; margin: 0 auto !important; padding: 77px 19px !important; display: flex !important; flex-direction: column !important; gap: 51px !important; }
.u3998f6 { max-width: 960px !important; margin: 0 auto !important; padding: 16px 19px !important; display: flex !important; align-items: flex-start !important; gap: 11px !important; }
.u3a090b { margin: 6px 0 0 !important; font-size: 12px !important; color: #555555 !important; }
.u3a78e7 { flex: none !important; margin-top: 2px !important; }
.u3b0247 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 13px !important; padding: 16px 0 !important; font-size: 15px !important; font-weight: 700 !important; color: #1A1A1A !important; min-height: 44px !important; }
.u3bf0ad { background: #333333 !important; border-top: 2px solid #E0E1E1 !important; color: #FFFFFF !important; }
.u3c6e78 { font-size: 12px !important; color: #D5D7DA !important; }
.u3d151b { font-family: 'IBM Plex Mono', monospace !important; font-size: 13px !important; color: #555555 !important; word-break: break-all !important; }
.u3d5d1b { margin: 0 !important; font-size: 13px !important; line-height: 1.6 !important; color: #1A2B44 !important; }
.u3d6252 { border-bottom: 1px solid #E0E1E1 !important; }
.u3e7b8f { background: #FFFFFF !important; }
.u41ef62 { margin: 0 !important; max-width: 368px !important; font-size: 14px !important; line-height: 1.6 !important; color: #555555 !important; }
.u426a17 { margin: 0 !important; font-size: 15px !important; font-weight: 700 !important; color: #1A1A1A !important; }
.u4378c8 { max-width: 960px !important; margin: 0 auto !important; padding: 70px 19px 77px !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 45px !important; }
.u440746 { background: #FFFFFF !important; border-bottom: 1px solid #E0E1E1 !important; }
.u442df5 { font-family: 'IBM Plex Mono', monospace !important; font-size: 13px !important; color: #1A1A1A !important; }
.u445984 { margin: 0 !important; font-size: 14px !important; line-height: 1.7 !important; color: #444444 !important; }
.u457224 { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; }
.u45d029 { display: flex !important; align-items: baseline !important; justify-content: space-between !important; gap: 10px !important; }
.u466dee { aspect-ratio: 1 !important; background: #E0E1E1 !important; }
.u47e5cc { font-weight: 700 !important; }
.u48d4af { display: flex !important; align-items: center !important; min-height: 44px !important; padding: 0 10px !important; border-radius: 5px !important; }
.u4a3d1e { margin: 0 !important; font-size: 32px !important; line-height: 1.1 !important; font-weight: 800 !important; font-variation-settings: 'wdth' 108 !important; letter-spacing: -0.01em !important; color: #1A1A1A !important; }
.u53c846 { font-size: 12px !important; color: #666666 !important; margin-top: 2px !important; }
.u549b8c { margin: 0 !important; font-size: 12px !important; line-height: 1.6 !important; color: #1A2B44 !important; }
.u554f75 { margin: 0 !important; font-size: 13px !important; line-height: 1.6 !important; color: #444444 !important; }
.u55581e { aspect-ratio: 1 !important; background: #A7CBEA !important; }
.u55a1a2 { color: #1A1A1A !important; background: #FFFFFF !important; border: 1px solid #D9DCE0 !important; border-radius: 6px !important; padding: 19px !important; display: flex !important; flex-direction: column !important; gap: 11px !important; min-height: 44px !important; box-sizing: border-box !important; }
.u578fbc { grid-column: span 2 !important; grid-row: span 2 !important; background: #1F61AA !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #FFFFFF !important; font-size: 45px !important; font-weight: 800 !important; font-variation-settings: 'wdth' 112 !important; letter-spacing: -0.02em !important; }
.u594093 { font-size: 12px !important; color: #555555 !important; }
.u59db2e { background: #FFFFFF !important; border: 1px solid #D9DCE0 !important; border-radius: 6px !important; padding: 13px 16px !important; display: flex !important; gap: 13px !important; align-items: baseline !important; }
.u5b14ad { color: #1A1A1A !important; }
.u5d5b09 { margin: 0 !important; font-size: 32px !important; line-height: 1.1 !important; font-weight: 800 !important; font-variation-settings: 'wdth' 108 !important; letter-spacing: -0.01em !important; }
.u60030a { display: flex !important; flex-direction: column !important; gap: 3px !important; }
.u60496a { display: flex !important; flex-direction: column !important; gap: 8px !important; }
.u60b0bb { margin: 0 !important; font-size: clamp(29px, 3.52vw, 45px) !important; line-height: 1.05 !important; font-weight: 800 !important; font-variation-settings: 'wdth' 112 !important; letter-spacing: -0.02em !important; color: #1A1A1A !important; }
.u61a466 { padding: 0 32px 19px 0 !important; font-size: 13px !important; line-height: 1.7 !important; color: #444444 !important; }
.u61fbed { flex: 1 1 416px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 18px !important; }
.u6448df { font-size: 13px !important; font-weight: 500 !important; color: #333333 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; min-height: 44px !important; }
.u6528df { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px 22px !important; font-size: 13px !important; font-weight: 500 !important; }
.u67797e { display: flex !important; align-items: center !important; gap: 13px !important; padding-top: 10px !important; border-top: 1px solid #E0E1E1 !important; margin-top: 6px !important; }
.u6c645d { background: #1F61AA !important; color: #FFFFFF !important; text-decoration: none !important; padding: 11px 19px !important; border-radius: 5px !important; font-weight: 600 !important; font-size: 13px !important; min-height: 44px !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; }
.u6c7bd9 { margin: 0 !important; font-size: 14px !important; line-height: 1.6 !important; color: #555555 !important; }
.u6d292f { background: #F6F7F8 !important; border-bottom: 1px solid #E0E1E1 !important; }
.u6f5b98 { flex: 1 1 256px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 13px !important; }
.u7378a5 { display: flex !important; flex-direction: column !important; gap: 6px !important; }
.u75632e { text-decoration: none !important; color: #1A1A1A !important; background: #FFFFFF !important; border: 1px solid #D9DCE0 !important; border-radius: 6px !important; padding: 19px !important; display: flex !important; flex-direction: column !important; gap: 11px !important; min-height: 44px !important; box-sizing: border-box !important; }
.u76a59d { margin: 0 !important; font-size: clamp(32px, 4.16vw, 51px) !important; line-height: 1.04 !important; font-weight: 800 !important; font-variation-settings: 'wdth' 112 !important; letter-spacing: -0.02em !important; color: #1A1A1A !important; }
.u784078 { display: inline-flex !important; align-self: flex-start !important; align-items: center !important; gap: 8px !important; background: #E8EEF7 !important; border: 1px solid #C7D5EA !important; border-radius: 999px !important; padding: 5px 11px 5px 8px !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; color: #1F61AA !important; }
.u7a151c { font-size: 12px !important; color: #E3ECF8 !important; margin-top: 2px !important; }
.u7ae2d4 { color: #FFFFFF !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; }
.u7af6e2 { max-width: 960px !important; margin: 0 auto !important; padding: 32px 19px !important; display: grid !important; grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)) !important; gap: 26px !important; }
.u7c525d { margin: 0 !important; font-size: 12px !important; line-height: 1.6 !important; color: #D5D7DA !important; }
.u80ebd5 { display: flex !important; flex-direction: column !important; gap: 2px !important; }
.u828e11 { width: 100% !important; min-width: 448px !important; border-collapse: collapse !important; }
.u845bca { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(192px, 1fr)) !important; gap: 0 !important; border-top: 2px solid #333333 !important; }
.u846062 { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #1F61AA !important; margin-bottom: 13px !important; }
.u89afd1 { font-size: 26px !important; font-weight: 800 !important; font-variation-settings: 'wdth' 112 !important; color: #1F61AA !important; }
.u91d366 { flex: 999 1 448px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 32px !important; }
.u9379d9 { background: #1F61AA !important; border: 1px solid #1F61AA !important; border-radius: 6px !important; padding: 13px 16px !important; display: flex !important; gap: 13px !important; align-items: baseline !important; color: #FFFFFF !important; }
.u98c480 { flex: 1 1 320px !important; min-width: 0 !important; max-width: 416px !important; display: flex !important; flex-direction: column !important; gap: 0 !important; font-family: 'IBM Plex Mono', monospace !important; }
.u9b5bc8 { flex: 1.4 1 384px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.u9d42d2 { width: 38px !important; height: 38px !important; border-radius: 50% !important; background: #E8EEF7 !important; color: #1F61AA !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 700 !important; font-size: 14px !important; }
.u9d823b { aspect-ratio: 1 !important; background: #7FA2D4 !important; }
.u9fa680 { flex: 1 1 256px !important; min-width: 0 !important; max-width: 320px !important; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 5px !important; }
.ua080f6 { margin: 0 !important; font-size: 22px !important; line-height: 1.2 !important; font-weight: 800 !important; font-variation-settings: 'wdth' 108 !important; color: #1A1A1A !important; }
.ua27707 { color: #777777 !important; }
.ua33015 { aspect-ratio: 1 !important; background: #A9C9EC !important; }
.ua3a5c5 { font-size: 16px !important; font-weight: 700 !important; color: #1A1A1A !important; }
.ua4590f { margin: 0 !important; max-width: 512px !important; font-size: 14px !important; line-height: 1.6 !important; color: #444444 !important; }
.uaae122 { line-height: 0 !important; display: block !important; }
.uac389e { flex: 1 !important; display: flex !important; align-items: center !important; }
.uacd3ee { aspect-ratio: 1 !important; background: #5E86CF !important; }
.uad05e4 { position: absolute !important; inset: 0 !important; padding: 9px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; }
.uad67f1 { display: flex !important; flex-direction: column !important; }
.uadaed8 { aspect-ratio: 1 !important; background: #B9CBE6 !important; }
.ub07b1f { margin: 0 !important; font-size: 12px !important; line-height: 1.6 !important; color: #555555 !important; }
.ub15fcc { aspect-ratio: 1 !important; background: #ECEDEE !important; }
.ub1cbee { background: #FFFFFF !important; border: 1px solid #D9DCE0 !important; border-radius: 6px !important; padding: 16px 19px !important; display: flex !important; gap: 11px !important; align-items: flex-start !important; }
.ub23439 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(192px, 1fr)) !important; gap: 13px !important; }
.ub3f28d { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; gap: 13px !important; }
.ub46cbf { margin: 0 !important; font-size: 12px !important; line-height: 1.6 !important; color: #444444 !important; }
.ub4f91e { margin: 0 !important; font-size: clamp(32px, 4.16vw, 54px) !important; line-height: 1.02 !important; font-weight: 800 !important; font-variation-settings: 'wdth' 112 !important; letter-spacing: -0.02em !important; color: #1A1A1A !important; }
.ub5c0ab { padding: 19px 19px 6px 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; }
.ub77258 { margin: 0 !important; max-width: 352px !important; font-size: 14px !important; line-height: 1.6 !important; color: #555555 !important; }
.ub7b931 { max-width: 960px !important; margin: 0 auto !important; padding: 45px 19px 77px !important; display: flex !important; flex-wrap: wrap !important; gap: 38px !important; align-items: flex-start !important; }
.ub9be26 { width: 100% !important; max-width: 998px !important; margin: 0 auto !important; padding: 64px 19px !important; box-sizing: border-box !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 45px !important; }
.ub9d8f7 { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #666666 !important; padding: 0 10px 6px !important; }
.ubae8dc { background: #E8EEF7 !important; border-bottom: 1px solid #C7D5EA !important; }
.ubaf595 { position: sticky !important; top: 0 !important; z-index: 50 !important; background: #FFFFFF !important; border-bottom: 1px solid #E0E1E1 !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important; }
.ubc766f { max-width: 960px !important; margin: 0 auto !important; padding: 77px 19px !important; display: flex !important; flex-direction: column !important; gap: 38px !important; }
.ubd74b4 { background: #FFFFFF !important; border: 1px solid #D9DCE0 !important; border-radius: 6px !important; padding: 22px 19px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.ubd7b79 { display: flex !important; gap: 10px !important; align-items: flex-start !important; padding: 13px 16px !important; background: #F6F7F8 !important; border-radius: 6px !important; }
.uc272e8 { font-size: 13px !important; line-height: 1.4 !important; }
.uc3bfd2 { background: #FFFFFF !important; border-top: 1px solid #E0E1E1 !important; }
.uc59934 { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #1F61AA !important; }
.uc5c660 { flex: 1 1 208px !important; max-width: 256px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 19px !important; }
.uc62ba6 { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(224px, 1fr)) !important; gap: 13px !important; }
.uc78b03 { aspect-ratio: 1 !important; background: #CDD2DB !important; }
.uc8f4d0 { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; }
.ucac0b1 { background: #E8EEF7 !important; border: 1px solid #C7D5EA !important; border-radius: 6px !important; padding: 22px 19px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.ucc5434 { padding: 0 32px 19px 0 !important; font-size: 13px !important; line-height: 1.7 !important; color: #444444 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.ucc8a6a { display: flex !important; flex-direction: column !important; gap: 16px !important; }
.uceafde { text-decoration: none !important; color: #1A1A1A !important; background: #FFFFFF !important; border: 1px solid #D9DCE0 !important; border-radius: 6px !important; padding: 19px 22px !important; display: flex !important; align-items: center !important; gap: 16px !important; min-height: 44px !important; box-sizing: border-box !important; }
.ucf388b { flex: 1 1 304px !important; min-width: 0 !important; max-width: 384px !important; display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 5px !important; }
.ucfbd14 { font-size: 12px !important; line-height: 1.7 !important; color: #E0E1E1 !important; }
.ucfd8e1 { font-family: 'IBM Plex Mono', monospace !important; font-size: clamp(18px, 2.08vw, 26px) !important; font-weight: 500 !important; color: #1A1A1A !important; word-break: break-all !important; }
.ud1a550 { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; color: #1A1A1A !important; }
.ud2dc0a { flex: 1 !important; }
.ud3c39b { flex: 1 1 256px !important; min-width: 0 !important; }
.ud5f0a9 { background: #F6F7F8 !important; color: #1A1A1A !important; border-top: 1px solid #E0E1E1 !important; }
.ud8baf9 { background: #1F61AA !important; color: #FFFFFF !important; text-decoration: none !important; padding: 11px 19px !important; border-radius: 5px !important; font-weight: 600 !important; font-size: 13px !important; min-height: 44px !important; box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; }
.ud9086b { max-width: 960px !important; margin: 0 auto !important; padding: 70px 19px !important; display: flex !important; flex-direction: column !important; gap: 32px !important; }
.ud99ad0 { flex: 1.4 1 384px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 16px !important; font-size: 14px !important; line-height: 1.7 !important; color: #444444 !important; }
.udad448 { margin: 0 !important; font-size: 12px !important; line-height: 1.6 !important; color: #666666 !important; }
.udba856 { flex: 1 1 416px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 19px !important; }
.udbc3a8 { font-size: 12px !important; color: #666666 !important; }
.udc1342 { max-width: 960px !important; margin: 0 auto !important; padding: 14px 19px !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 13px !important; }
.udf3da2 { background: #F6F7F8 !important; border-top: 1px solid #E0E1E1 !important; border-bottom: 1px solid #E0E1E1 !important; }
.ue1aa41 { border: 1px solid #C9CCD1 !important; border-radius: 999px !important; padding: 3px 8px !important; }
.ue4c3d4 { font-size: 16px !important; font-weight: 700 !important; }
.ue4c9f1 { background: #333333 !important; color: #FFFFFF !important; border-radius: 6px !important; padding: 19px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.ue4f951 { max-width: 960px !important; margin: 0 auto !important; padding: 77px 19px !important; display: flex !important; flex-wrap: wrap !important; gap: 38px 64px !important; }
.ue81464 { width: 104px !important; height: auto !important; display: block !important; }
.ue825dc { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: flex-end !important; gap: 13px !important; }
.ueb8e27 { aspect-ratio: 1 !important; background: #C7CCE0 !important; }
.uebda38 { flex: 1 1 368px !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 16px !important; }
.ued4d47 { margin: 0 !important; max-width: 544px !important; font-size: 14px !important; line-height: 1.6 !important; color: #444444 !important; }
.uedb0d4 { font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #666666 !important; }
.uee787a { margin: 0 0 6px !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #1F61AA !important; }
.uf43de5 { background: #F6F7F8 !important; border: 1px solid #E0E1E1 !important; border-radius: 6px !important; padding: 16px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.uf7b5be { aspect-ratio: 1 !important; background: #B3BBD3 !important; }
.uf7b5dd { background: #FFFFFF !important; border: 1px solid #D9DCE0 !important; border-radius: 6px !important; padding: 19px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
.uf7d72b { font-size: 12px !important; color: #1A1A1A !important; }
.uf8c432 { background: #F1F2F4 !important; border: 1px solid #E0E1E1 !important; border-radius: 3px !important; padding: 2px 6px !important; }
.ufd2bf7 { background: #E8EEF7 !important; border: 1px solid #C7D5EA !important; border-radius: 6px !important; padding: 16px 19px !important; display: flex !important; gap: 11px !important; align-items: flex-start !important; }
.ufd6827 { overflow-x: auto !important; border: 1px solid #D9DCE0 !important; border-radius: 6px !important; }

/* E-mail instellingen: Apple-configuratieprofiel (assets/mobileconfig.js) */
.apple { background: #FFFFFF; border: 1px solid #D9DCE0; border-radius: 6px; padding: 16px 19px; display: flex; gap: 11px; align-items: flex-start; }
.apple-icon { flex: none; margin-top: 2px; }
.apple-body { display: flex; flex-direction: column; gap: 8px; min-width: 0; flex: 1; }
.apple-body p { margin: 0; font-size: 13px; line-height: 1.6; color: #444444; }
.apple-body p.apple-lead { color: #1A1A1A; }
.apple-body strong { font-weight: 700; }
.apple-url { font-family: 'IBM Plex Mono', monospace; font-size: 12px; color: #1A1A1A; overflow-wrap: anywhere; }
.apple-label { display: block; margin-top: 4px; font-size: 13px; font-weight: 600; color: #1A1A1A; }
.apple-input { width: 100%; max-width: 360px; box-sizing: border-box; padding: 9px 12px; font-family: 'IBM Plex Mono', monospace; font-size: 14px; color: #1A1A1A; background: #FFFFFF; border: 1px solid #B9BEC5; border-radius: 4px; }
.apple-input:focus { outline: 2px solid #1F61AA; outline-offset: 1px; border-color: #1F61AA; }
.apple-result { padding: 10px 14px; background: #E8EEF7; border: 1px solid #C7D5EA; border-radius: 4px; display: flex; flex-direction: column; gap: 4px; }
.apple-result[hidden], .apple-result a[hidden] { display: none; }
.apple-result-nee { background: #FFF4E0; border-color: #F0C36D; }
.apple-body .apple-result p { color: #1A2B44; }
.apple-result-nee p { color: #5A3A00 !important; }
.apple-result a { font-family: 'IBM Plex Mono', monospace; font-size: 13px; font-weight: 500; color: #1F61AA; text-decoration: underline; overflow-wrap: anywhere; }
.apple-steps { padding-left: 18px !important; margin: 0; font-size: 13px; line-height: 1.6; color: #444444; }
.apple-steps li + li { margin-top: 2px; }

/* E-mail instellingen: drie hoofdsecties */
.esec { display: flex; flex-direction: column; gap: 28px; padding-top: 30px; border-top: 1px solid #D9DCE0; scroll-margin-top: 110px; }
.esec-title { margin: 0; font-size: 28px; line-height: 1.15; font-weight: 800; font-variation-settings: 'wdth' 108; color: #1A1A1A; }
.esec-sub { margin: 0; font-size: 18px; line-height: 1.25; font-weight: 700; font-variation-settings: 'wdth' 104; color: #1A1A1A; }