/* DGL FAQ DGL Pages v2.1.1 — scoped; visual design mirrors DGL Trainingswijzer. */
.dgl-faq{--faq-blue:var(--dgl-blue,#88AEFA);--faq-green:var(--dgl-green,#82D587);--faq-hover:var(--dgl-hover,#6B6B6B);--faq-ink:#24364A;--faq-body:#4D6075;--faq-muted:#6E7D8B;--faq-stroke:#E3E9EE;--faq-pale-blue:#F0F5FF;--faq-pale-green:#F1FAF2;--faq-radius:19px;color:var(--faq-body);background:#fff;font:15px/1.65 "Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.dgl-faq,.dgl-faq *{box-sizing:border-box}
.dgl-faq :where(h1,h2,h3,p){margin-top:0}
.dgl-faq :where(a,button,input){-webkit-tap-highlight-color:transparent}
.dgl-faq a{color:#447FDA;text-underline-offset:3px}
.dgl-faq a:hover{color:var(--faq-hover)}
.dgl-faq a:focus-visible,.dgl-faq button:focus-visible,.dgl-faq summary:focus-visible,.dgl-faq input:focus-visible{outline:3px solid #2E6AC3;outline-offset:3px}
.dgl-faq button,.dgl-faq input{font:inherit}
.dgl-faq [hidden]{display:none!important}
.dgl-faq .faq-container{width:min(1170px,calc(100% - 44px));margin-inline:auto}
.dgl-faq .faq-kicker{display:flex;align-items:center;gap:9px;color:#5B8FDC;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.dgl-faq .faq-kicker:before{content:"";width:26px;height:3px;background:var(--faq-green);border-radius:8px;flex:none}
.dgl-faq .faq-hero{position:relative;overflow:hidden;padding:61px 0 79px;background:radial-gradient(circle at 88% 16%,rgba(130,213,135,.11),transparent 34%),linear-gradient(122deg,#fff 12%,#F8FBFF 100%);border-bottom:1px solid #EDF0F4}
.dgl-faq .faq-hero:before{content:"";position:absolute;right:-90px;bottom:-235px;width:550px;height:550px;border:1px solid rgba(136,174,250,.26);border-radius:50%;box-shadow:0 0 0 50px rgba(136,174,250,.055),0 0 0 110px rgba(136,174,250,.04);pointer-events:none}
.dgl-faq .faq-hero-grid{position:relative;display:grid;grid-template-columns:1.07fr .93fr;gap:66px;align-items:center}
.dgl-faq .faq-hero h1{max-width:650px;margin:16px 0 24px;color:var(--faq-ink);font-size:clamp(35px,4.3vw,57px);font-weight:800;line-height:1.14;letter-spacing:-1.5px}
.dgl-faq .faq-accent{color:#68A4E8}
.dgl-faq .faq-hero-intro{max-width:570px;margin:0 0 29px;color:#536578;font-size:17px;line-height:1.8}
.dgl-faq .faq-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px}
.dgl-faq .faq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:47px;padding:11px 22px;border:1px solid transparent;border-radius:28px;text-decoration:none!important;cursor:pointer;font-size:14px;font-weight:750;line-height:1.5;text-align:center;transition:background-color .17s,color .17s,border-color .17s,transform .17s}
.dgl-faq .faq-btn:hover{background:var(--faq-hover);border-color:var(--faq-hover);color:#fff;transform:translateY(-1px)}
.dgl-faq .faq-btn-blue{background:var(--faq-blue);color:#fff}
.dgl-faq .faq-btn-green{background:var(--faq-green);color:#fff}
.dgl-faq .faq-btn-outline{background:#fff;border-color:var(--faq-blue);color:#5689D7}
.dgl-faq .faq-benefits{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:#708294}
.dgl-faq .faq-benefits span:before{content:"✓";color:#39A36C;font-weight:900;margin-right:6px}
.dgl-faq .faq-hero-visual{position:relative;padding:18px 0 12px}
.dgl-faq .faq-hero-orbit{position:absolute;inset:15px 2px 9px 16px;border-radius:30px;transform:rotate(6deg);background:linear-gradient(135deg,rgba(136,174,250,.17),rgba(130,213,135,.15));pointer-events:none}
.dgl-faq .faq-quick-card{position:relative;padding:30px 30px 25px;background:#fff;border:1px solid #E6EAF0;border-radius:24px;box-shadow:0 22px 70px rgba(40,61,80,.105)}
.dgl-faq .faq-quick-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#798898;font-size:11px;font-weight:750;letter-spacing:.06em}
.dgl-faq .faq-quick-eyebrow strong{color:#6386B9;font-size:12px;letter-spacing:0}
.dgl-faq .faq-quick-card h2{margin:13px 0 16px;color:var(--faq-ink);font-size:21px;line-height:1.3;letter-spacing:-.4px;font-weight:800}
.dgl-faq .faq-quick-links a{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:13px;min-height:65px;padding:10px 0;border-bottom:1px solid #EEF1F5;text-decoration:none;color:#354C64;font-size:14px;font-weight:730;line-height:1.4}
.dgl-faq .faq-quick-links a:hover{color:#4C87D1}
.dgl-faq .faq-quick-links a:hover .faq-quick-no{background:#DCEAFF}
.dgl-faq .faq-quick-links a:nth-child(2) .faq-quick-no,.dgl-faq .faq-quick-links a:nth-child(4) .faq-quick-no{background:#EAF8EE;color:#45A864}
.dgl-faq .faq-quick-no{width:42px;height:42px;display:grid;place-items:center;background:#F0F5FF;color:#6998DD;border-radius:13px;font-size:13px;font-weight:800}
.dgl-faq .faq-quick-arrow{color:#72A2DF;font-size:16px;text-align:right}
.dgl-faq .faq-quick-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:19px;font-size:12px;color:#758596}
.dgl-faq .faq-quick-footer a{font-weight:750;color:#5086C9;text-decoration:none}
.dgl-faq .faq-search-section{padding:70px 0 39px;scroll-margin-top:30px}
.dgl-faq .faq-head{text-align:center;max-width:720px;margin:0 auto 26px}
.dgl-faq .faq-head .faq-kicker{justify-content:center}
.dgl-faq .faq-head h2{margin:11px 0 10px;color:var(--faq-ink);font-size:clamp(27px,3.2vw,39px);font-weight:800;line-height:1.23;letter-spacing:-.75px}
.dgl-faq .faq-head p{margin:0;color:#697A8A;font-size:15px;line-height:1.8}
.dgl-faq .faq-search-panel{padding:26px 29px 23px;border:1px solid #E3EAF1;border-radius:22px;background:#fff;box-shadow:0 15px 40px rgba(44,67,86,.045)}
.dgl-faq .faq-search-label{display:block;margin-bottom:9px;color:#3D5369;font-size:13px;font-weight:800}
.dgl-faq .faq-search-field{display:flex;align-items:center;gap:11px;min-height:55px;padding:0 15px;border:1.5px solid #D5E2F0;border-radius:13px;background:#FAFCFF;color:#6A96D2;transition:border-color .2s,box-shadow .2s}
.dgl-faq .faq-search-field:focus-within{border-color:#88AEFA;box-shadow:0 0 0 3px rgba(136,174,250,.18)}
.dgl-faq .faq-search-field svg{flex:none}
.dgl-faq .faq-search-field input{flex:1;min-width:0;min-height:52px;padding:8px 0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#26394E;font-size:15px;line-height:1.4}
.dgl-faq .faq-search-field input::placeholder{color:#8493A5;opacity:1}
.dgl-faq .faq-search-field input:focus{outline:0!important}
.dgl-faq .faq-search-field .faq-clear{flex:none;background:transparent;border:0;color:#5587C2;padding:8px;font-weight:700;font-size:12px;cursor:pointer}
.dgl-faq .faq-search-field .faq-clear:hover{color:var(--faq-hover)}
.dgl-faq .faq-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.dgl-faq .faq-filter{border:1px solid #DFE7F0;border-radius:22px;padding:8px 13px;background:#F9FBFD;color:#577086;line-height:1.3;font-size:12px;font-weight:750;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.dgl-faq .faq-filter:hover{background:#EDF5FF;border-color:#B4CEED}
.dgl-faq .faq-filter[aria-pressed="true"]{background:#EAF2FF;border-color:#88AEFA;color:#3468B2;box-shadow:inset 0 0 0 1px rgba(136,174,250,.4)}
.dgl-faq .faq-results{min-height:22px;margin-top:17px;font-size:12px;font-weight:700;color:#7B8998}
.dgl-faq .faq-content{padding:7px 0 75px}
.dgl-faq .faq-category{margin-bottom:44px;scroll-margin-top:36px}
.dgl-faq .faq-category-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px;padding:0 2px}
.dgl-faq .faq-category-eyebrow{display:block;color:#6E9DDA;font-size:11px;letter-spacing:.13em;font-weight:800}
.dgl-faq .faq-category-head h2{margin:5px 0 5px;color:var(--faq-ink);font-size:clamp(23px,2.8vw,29px);font-weight:800;line-height:1.27;letter-spacing:-.45px}
.dgl-faq .faq-category-head p{color:#758493;margin:0;font-size:13px}
.dgl-faq .faq-category-count{padding:5px 12px;flex:none;border-radius:20px;background:#F0F5FF;color:#6389B7;white-space:nowrap;font-size:11px;font-weight:750}
.dgl-faq .faq-questions{border:1px solid #E5EBF1;background:white;border-radius:17px;box-shadow:0 9px 25px rgba(36,54,74,.035);overflow:hidden}
.dgl-faq .faq-item{margin:0;border-bottom:1px solid #EAF0F4;background:white}
.dgl-faq .faq-item:last-child{border-bottom:0}
.dgl-faq .faq-item summary{display:flex;align-items:center;gap:13px;justify-content:space-between;min-height:71px;padding:20px 24px;cursor:pointer;list-style:none;transition:background-color .14s}
.dgl-faq .faq-item summary::-webkit-details-marker{display:none}
.dgl-faq .faq-item summary::marker{content:""}
.dgl-faq .faq-item summary:hover{background:#FAFCFF}
.dgl-faq .faq-item[open] summary{background:#F7FAFE}
.dgl-faq .faq-question{flex:1;margin:0;color:#31465E;font-size:15px;font-weight:750;line-height:1.5;letter-spacing:0}
.dgl-faq .faq-plus{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#EDF5FF;color:#6398D6;font-weight:800;line-height:1}
.dgl-faq .faq-plus:before{content:"+";font-size:20px}
.dgl-faq .faq-item[open] .faq-plus{background:#EAF8EE;color:#3FA361}
.dgl-faq .faq-item[open] .faq-plus:before{content:"−"}
.dgl-faq .faq-answer{padding:18px 24px 23px;background:#fff;border-top:1px solid #ECF1F7}
.dgl-faq .faq-answer p{max-width:900px;margin:0 0 12px;color:#566A7E;font-size:14px;line-height:1.84}
.dgl-faq .faq-answer p:last-child{margin-bottom:0}
.dgl-faq .faq-resource{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:920px;margin-top:17px;padding:12px 15px;background:#F5F9FF;border-left:3px solid var(--faq-green);border-radius:0 10px 10px 0}
.dgl-faq .faq-resource>span{color:#6F8090;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.dgl-faq .faq-resource a{font-size:13px;font-weight:800;color:#4A83CB;text-decoration:none}
.dgl-faq .faq-resource a:hover{color:var(--faq-hover)}
.dgl-faq .faq-no-results{text-align:center;padding:56px 20px;background:#F8FAFD;border:1px dashed #BFD1E7;border-radius:20px}
.dgl-faq .faq-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border-radius:14px;background:#E7F0FF;color:#6692D0;font-size:26px;font-weight:800}
.dgl-faq .faq-no-results h3{margin:0 0 8px;color:var(--faq-ink);font-size:22px}
.dgl-faq .faq-no-results p{margin:0 auto 20px;color:#65768A;max-width:550px}
.dgl-faq .faq-contact{padding:64px 0 47px;border-top:1px solid #EAF0F4;background:#F8FAFC}
.dgl-faq .faq-contact-card{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:45px;padding:46px 50px;border:1px solid #DCEAF5;border-radius:24px;background:linear-gradient(113deg,#fff,#F5F9FF);box-shadow:0 12px 35px rgba(36,54,74,.055)}
.dgl-faq .faq-contact-card h2{margin:14px 0 14px;color:var(--faq-ink);font-size:clamp(27px,3vw,36px);font-weight:800;line-height:1.25;letter-spacing:-.7px}
.dgl-faq .faq-contact-card p{max-width:650px;margin:0 0 23px;color:#65798C;font-size:15px;line-height:1.85}
.dgl-faq .faq-contact-graphic{position:relative;display:grid;place-items:center;height:190px;border-radius:22px;background:linear-gradient(135deg,#E7F0FF,#EBF9ED);transform:rotate(3deg)}
.dgl-faq .faq-contact-bubble{display:grid;place-items:center;width:96px;height:96px;border-radius:28px 28px 28px 8px;background:#fff;box-shadow:0 10px 35px rgba(55,94,134,.1);color:#71A7E5;font-size:65px;line-height:1;font-weight:800;transform:rotate(-3deg)}
.dgl-faq .faq-contact-dots{display:flex;gap:7px;position:absolute;bottom:24px}
.dgl-faq .faq-contact-dots i{width:7px;height:7px;background:#82D587;border-radius:100%}
.dgl-faq .faq-endnote{text-align:center;margin:23px 0 0;font-size:12px;color:#95A1AD}
.faq-preview-header{font:14px "Open Sans",Arial,sans-serif;background:white;border-bottom:1px solid #EBEFF3}
.faq-preview-wrap{width:min(1170px,calc(100% - 44px));margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:68px;color:#36517A}
.faq-preview-wrap strong{font-size:20px}
.faq-preview-wrap nav{display:flex;gap:9px}
.faq-preview-wrap nav a{padding:8px 11px;border-radius:8px;color:#36517A;text-decoration:none}
.faq-preview-wrap nav a[aria-current="page"]{background:#EAF2FF}
.faq-preview-notice{text-align:center;background:#EAF2FF;padding:9px;font:12px Arial,sans-serif;color:#567393}
@media (max-width:1000px){.dgl-faq .faq-hero-grid{gap:32px;grid-template-columns:1fr 1fr}.dgl-faq .faq-quick-card{padding:24px 21px}.dgl-faq .faq-hero h1{font-size:clamp(34px,4.3vw,48px)}.dgl-faq .faq-hero-intro{font-size:16px}}
@media (max-width:760px){.dgl-faq .faq-container{width:min(100% - 34px,1170px)}.dgl-faq .faq-hero{padding:43px 0 49px}.dgl-faq .faq-hero-grid{display:block}.dgl-faq .faq-hero h1{font-size:clamp(33px,8vw,46px);line-height:1.15}.dgl-faq .faq-hero-intro{font-size:15px}.dgl-faq .faq-hero-visual{max-width:540px;margin:35px auto 0}.dgl-faq .faq-quick-card{padding:25px 22px}.dgl-faq .faq-search-section{padding:51px 0 33px}.dgl-faq .faq-search-panel{padding:20px 16px}.dgl-faq .faq-filters{gap:7px}.dgl-faq .faq-category-head{align-items:start}.dgl-faq .faq-category-count{margin-top:8px}.dgl-faq .faq-item summary{min-height:62px;padding:17px}.dgl-faq .faq-question{font-size:14px}.dgl-faq .faq-answer{padding:17px}.dgl-faq .faq-contact{padding:45px 0}.dgl-faq .faq-contact-card{display:block;padding:31px 24px}.dgl-faq .faq-contact-graphic{display:none}}
@media (max-width:470px){.dgl-faq .faq-actions{flex-direction:column;align-items:stretch}.dgl-faq .faq-actions .faq-btn{width:100%}.dgl-faq .faq-category-count{display:none}.dgl-faq .faq-benefits{display:grid;gap:7px}.dgl-faq .faq-search-field input{font-size:14px}.dgl-faq .faq-filter{font-size:11px;padding:8px 11px}}
@media (prefers-reduced-motion:reduce){.dgl-faq *{scroll-behavior:auto!important;transition:none!important}}

/* DGL Pages v2.1.1 | FAQ harmonised with Trainingswijzer (scoped to FAQ pages) */
.dgl-pages.dgl-pages-faq{margin:48px 0 126px!important;background:#fff;--dgl-blue:#88AEFA;--dgl-green:#82D587;--dgl-hover:#6B6B6B}
.dgl-faq{font-size:15px;line-height:1.65}
.dgl-faq .faq-hero{padding:70px 0 76px}
.dgl-faq .faq-hero-grid{grid-template-columns:1.1fr .9fr;gap:68px}
.dgl-faq .faq-hero h1{margin:14px 0 5px;font-size:clamp(53px,6.4vw,78px);line-height:1.08;letter-spacing:-2.3px;color:var(--faq-ink);font-weight:800}
.dgl-faq .faq-hero .faq-hero-subtitle{margin:0 0 22px;font-size:clamp(28px,3.2vw,40px);font-weight:800;letter-spacing:-.8px;line-height:1.25;color:#68A4E8}
.dgl-faq .faq-hero-intro{font-size:17px;line-height:1.8;margin-bottom:28px}
.dgl-faq .faq-btn{min-height:47px;padding:12px 24px;border-radius:28px;font-size:14px;font-weight:750}
.dgl-faq .faq-btn-blue{background:var(--faq-blue);color:#fff!important}
.dgl-faq .faq-btn-green{background:var(--faq-green);color:#fff!important}
.dgl-faq .faq-btn-outline{color:#5689D7!important;background:#fff;border:1px solid var(--faq-blue)}
.dgl-faq .faq-btn:is(:hover,:focus-visible),.dgl-faq .faq-btn-outline:is(:hover,:focus-visible){background:var(--faq-hover)!important;border-color:var(--faq-hover)!important;color:#fff!important}
.dgl-faq .faq-quick-card{padding:32px 31px 30px;border-radius:24px}
.dgl-faq .faq-quick-card h2{font-size:22px;line-height:1.28;letter-spacing:-.35px}
.dgl-faq .faq-quick-links a{font-size:14px;min-height:66px;transition:color .18s,transform .18s}
.dgl-faq .faq-quick-links a:hover{color:var(--faq-hover);transform:translateX(2px)}
.dgl-faq .faq-quick-links a:hover .faq-quick-no{background:#EFF1F3;color:var(--faq-hover)}
.dgl-faq .faq-quick-footer{gap:13px;flex-wrap:wrap}
.dgl-faq .faq-quick-footer .faq-quick-contact{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:9px 17px;border-radius:22px;background:var(--faq-blue);font-size:13px;font-weight:750;line-height:1.3;color:#fff!important;text-decoration:none;transition:background-color .18s,transform .18s}
.dgl-faq .faq-quick-footer .faq-quick-contact:hover{background:var(--faq-hover)!important;color:#fff!important;transform:translateY(-1px)}
.dgl-faq .faq-platform-section{padding:43px 0 8px;background:#fff}
.dgl-faq .faq-platform-feature{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:34px 40px;border-radius:20px;border:1px solid #DCEAF5;background:linear-gradient(115deg,#EFF6FF,#F7FCF8);box-shadow:0 9px 28px rgba(36,54,74,.035)}
.dgl-faq .faq-platform-feature h2{max-width:740px;margin:12px 0 10px;color:var(--faq-ink);font-size:clamp(24px,2.8vw,33px);line-height:1.28;letter-spacing:-.6px;font-weight:800}
.dgl-faq .faq-platform-feature p{max-width:740px;margin:0;color:#5F758A;font-size:15px;line-height:1.75}
.dgl-faq .faq-platform-button{white-space:normal;max-width:260px;text-align:center}
.dgl-faq .faq-search-section{padding-top:61px}
.dgl-faq .faq-head h2{font-size:clamp(28px,3.2vw,39px)}
.dgl-faq .faq-search-panel{padding:27px 29px 24px;border-radius:19px}
.dgl-faq .faq-filter{font-size:13px;padding:9px 15px;min-height:39px;transition:background .18s,color .18s,border-color .18s}
.dgl-faq .faq-filter:hover{border-color:var(--faq-hover);background:var(--faq-hover);color:#fff}
.dgl-faq .faq-filter[aria-pressed="true"]{border-color:var(--faq-blue);background:#EAF2FF;color:#3468B2}
.dgl-faq .faq-filter[aria-pressed="true"]:hover{background:var(--faq-hover);border-color:var(--faq-hover);color:#fff}
.dgl-faq .faq-item summary{min-height:69px;padding:20px 24px}
.dgl-faq .faq-item summary:hover{background:#F6F8FA}
.dgl-faq .faq-item[open] summary{background:#F7FAFE}
.dgl-faq .faq-question{font-size:15px;font-weight:750;line-height:1.55}
.dgl-faq .faq-plus{background:#EDF5FF;color:#668DC3}
.dgl-faq .faq-item[open] .faq-plus{background:#ECEFF2;color:#6B6B6B}
.dgl-faq .faq-plus:before{font-size:20px}
.dgl-faq .faq-answer{padding:19px 24px 23px}
.dgl-faq .faq-answer p{font-size:14px;line-height:1.82}
.dgl-faq .faq-resource a:hover{color:var(--faq-hover)}
.dgl-faq .faq-category-head h2{font-size:clamp(24px,2.8vw,29px)}
.dgl-faq .faq-contact .faq-btn-green{color:#fff!important}
.dgl-faq .faq-contact-card{border-radius:22px;padding:45px 47px}
@media(max-width:1000px){.dgl-faq .faq-hero-grid{gap:32px;grid-template-columns:1fr 1fr}.dgl-faq .faq-hero h1{font-size:clamp(50px,6.5vw,70px)}.dgl-faq .faq-platform-feature{grid-template-columns:1fr;gap:20px}.dgl-faq .faq-platform-button{max-width:none;justify-self:start}}
@media(max-width:782px){.dgl-pages.dgl-pages-faq{margin-top:34px!important;margin-bottom:98px!important}}
@media(max-width:760px){.dgl-faq .faq-hero{padding:41px 0 52px}.dgl-faq .faq-hero h1{font-size:58px;letter-spacing:-1.7px}.dgl-faq .faq-hero .faq-hero-subtitle{font-size:30px}.dgl-faq .faq-platform-section{padding:28px 0 4px}.dgl-faq .faq-platform-feature{padding:26px 24px}.dgl-faq .faq-search-section{padding-top:53px}.dgl-faq .faq-quick-card{padding:25px 22px}.dgl-faq .faq-item summary{min-height:62px;padding:17px}.dgl-faq .faq-answer{padding:17px}.dgl-faq .faq-filter{font-size:12px;padding:8px 12px}.dgl-faq .faq-contact-card{padding:31px 24px}}
@media(max-width:470px){.dgl-faq .faq-hero h1{font-size:52px}.dgl-faq .faq-hero .faq-hero-subtitle{font-size:27px}.dgl-faq .faq-platform-feature h2{font-size:25px}.dgl-faq .faq-platform-feature{padding:24px 20px}.dgl-faq .faq-quick-footer{align-items:stretch}.dgl-faq .faq-quick-footer .faq-quick-contact{width:100%}}
@media(prefers-reduced-motion:reduce){.dgl-faq *{transition:none!important;transform:none!important}}

/* v2.3.1: FAQ-H1 gelijk aan overige DGL-pagina-hoofdtitels. */
.dgl-faq .faq-hero h1{font-size:clamp(36px,4.1vw,54px);letter-spacing:-1.35px;line-height:1.12}
@media(max-width:760px){.dgl-faq .faq-hero h1{font-size:clamp(34px,9vw,46px)}}

/* v2.4.3: FAQ-buitenmarge 10px korter op de gekoppelde pagina. */
.dgl-pages.dgl-pages-faq{margin-top:38px!important}
@media(max-width:782px){.dgl-pages.dgl-pages-faq{margin-top:24px!important}}

/* v2.4.4: acht onderwerpkeuzes en groen accent; DGL-trainingwijzer-kleuren blijven leidend. */
.dgl-faq .faq-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dgl-faq .faq-quick-links a{min-width:0;min-height:63px;border:1px solid #e4eae9;border-radius:12px;padding:8px;grid-template-columns:30px minmax(0,1fr) 12px;gap:7px;font-size:12px;font-weight:750;background:#f8fcf9}
.dgl-faq .faq-quick-links a:nth-child(odd){background:#f7faff}
.dgl-faq .faq-quick-links a .faq-quick-no{width:30px;height:34px;border-radius:10px;background:#e8f7ed;color:#307e43;font-size:11px}
.dgl-faq .faq-quick-links a:nth-child(odd) .faq-quick-no{background:#e9f1ff;color:#356caf}
.dgl-faq .faq-quick-links a:hover{border-color:var(--faq-green);background:#eef9f0;color:var(--faq-hover);transform:none}
.dgl-faq .faq-quick-links a:hover .faq-quick-no{background:#dff3e2;color:#377b45}
.dgl-faq .faq-quick-arrow{color:#65a375}
.dgl-faq .faq-kicker:before{background:var(--faq-green)}
.dgl-faq .faq-filter[aria-pressed="true"]{border-color:var(--faq-green);background:#e8f7ea;color:#286c3b;box-shadow:inset 0 0 0 1px rgba(130,213,135,.23)}
.dgl-faq .faq-category-count{background:#e8f7ea;color:#286c3b}
.dgl-faq .faq-category-eyebrow{color:#428b54}
.dgl-faq .faq-item[open] summary{background:#f1f9f2}
.dgl-faq .faq-item[open] .faq-plus{background:#e0f3e3;color:#438450}
.dgl-faq .faq-item[open] .faq-plus:before{color:#6b6b6b}
.dgl-faq .faq-btn-blue,.dgl-faq .faq-btn-green,.dgl-faq .faq-quick-footer .faq-quick-contact{color:#fff!important}
@media(max-width:1100px){.dgl-faq .faq-quick-links{grid-template-columns:minmax(0,1fr)}.dgl-faq .faq-quick-links a{min-height:43px}}
@media(max-width:760px){.dgl-faq .faq-quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.dgl-faq .faq-quick-links a{min-height:55px}}
@media(max-width:390px){.dgl-faq .faq-quick-links{grid-template-columns:minmax(0,1fr)}.dgl-faq .faq-quick-links a{min-height:42px}}

/* DGL Pages 2.5.0: ONLY official brand green on accents. Keep headings/answers legible. */
.dgl-faq{--faq-green:#82D587;--faq-hover:#6B6B6B;--faq-green-text:#24364A}
.dgl-faq .faq-kicker,.dgl-faq .faq-category-eyebrow,.dgl-faq .faq-hero .faq-hero-subtitle,
.dgl-faq .faq-accent,.dgl-faq .faq-quick-arrow{color:#24364A}
.dgl-faq .faq-kicker:before{background:#82D587}
.dgl-faq .faq-hero{background:radial-gradient(circle at 88% 15%,rgba(130,213,135,.15),transparent 35%),linear-gradient(120deg,#fff 12%,#f4fbf5 100%)}
.dgl-faq .faq-hero:before{border-color:rgba(130,213,135,.30);box-shadow:0 0 0 50px rgba(130,213,135,.065),0 0 0 110px rgba(130,213,135,.042)}
.dgl-faq .faq-hero-orbit{background:linear-gradient(135deg,rgba(130,213,135,.20),rgba(136,174,250,.09))}
.dgl-faq .faq-quick-links a,.dgl-faq .faq-quick-footer a:not(.faq-quick-contact),.dgl-faq .faq-resource a{color:#24364A}
.dgl-faq .faq-quick-links a:nth-child(odd){background:#f8fcf9}
.dgl-faq .faq-quick-links a:nth-child(odd) .faq-quick-no{background:#e8f7ed;color:#24364A}
.dgl-faq .faq-plus,.dgl-faq .faq-empty-icon{background:#e7f7e9;color:#24364A}
.dgl-faq .faq-search-field{border-color:#c8e5cf;background:#fbfefb;color:#24364A}
.dgl-faq .faq-search-field:focus-within{border-color:#82D587;box-shadow:0 0 0 3px rgba(130,213,135,.20)}
.dgl-faq .faq-filter[aria-pressed="true"]{background:#e6f7e9;border-color:#82D587;color:#24364A}
.dgl-faq .faq-filter:hover,.dgl-faq .faq-filter[aria-pressed="true"]:hover{background:#6B6B6B;border-color:#6B6B6B;color:#fff}
.dgl-faq .faq-item[open] .faq-question{color:#24364A}
.dgl-faq .faq-resource{background:#f3fbf4}
.dgl-faq .faq-platform-feature,.dgl-faq .faq-contact-card{background:linear-gradient(120deg,#f4fbf5,#fff);border-color:#d3e9d9}
.dgl-faq .faq-contact-graphic{background:linear-gradient(135deg,#e1f5e4,#f3fbf5)}
.dgl-faq .faq-contact-bubble{color:#24364A}
.dgl-faq :is(.faq-btn-blue,.faq-btn-green),.dgl-faq .faq-quick-footer .faq-quick-contact{
 background:#82D587!important;border-color:#82D587!important;color:#fff!important}
.dgl-faq .faq-btn-outline{background:#fff!important;border-color:#82D587!important;color:#24364A!important}
.dgl-faq :is(.faq-btn-blue,.faq-btn-green,.faq-btn-outline):is(:hover,:focus-visible),
.dgl-faq .faq-quick-footer .faq-quick-contact:is(:hover,:focus-visible){
 background:#6B6B6B!important;border-color:#6B6B6B!important;color:#fff!important}
.dgl-faq :is(.faq-btn-blue,.faq-btn-green,.faq-quick-contact) :is(span,strong,em){color:inherit!important}

/* Legacy FAQ variants: dark-green text is not an additional DG-Learning brand colour. */
.dgl-faq :is(.faq-category-count,.faq-quick-no,.faq-plus,.faq-quick-arrow,.faq-empty-icon,.faq-search-field .faq-clear){color:#24364A!important}
.dgl-faq .faq-quick-links a:is(:hover,:focus-visible) .faq-quick-no{color:#24364A!important}
.dgl-faq .faq-benefits span:before{color:#82D587!important}