.grm-probleem{--c:#103A63;min-width:0;color:var(--grm-ink,#041e42);font-family:"Inter",Inter,sans-serif}
.grm-probleem *{box-sizing:border-box}

.grm-probleem__hero{position:relative;background:linear-gradient(120deg,var(--c) 0%,#0B2A49 100%);color:#fff;padding:34px 0 40px}
.grm-probleem__hero-in{max-width:var(--grm-w,1424px);margin:0 auto;padding:0 22px;min-width:0}
.grm-probleem__eyebrow{display:inline-block;margin-bottom:9px;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:700;letter-spacing:.02em}
.grm-probleem__hero h1{margin:0 0 14px;font-family:"Inter Tight",sans-serif;font-size:clamp(26px,3.8vw,42px);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#fff}
.grm-probleem__belofte{display:inline-flex;align-items:flex-start;gap:9px;margin:0;padding:11px 16px;border-radius:11px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);font-size:16px;font-weight:600;line-height:1.45;max-width:640px}
.grm-probleem__belofte .material-symbols-rounded{flex:0 0 auto;font-size:21px;color:var(--grm-brand-100,#D3E0EF);margin-top:1px}

.grm-probleem__body{max-width:var(--grm-w,1424px);margin:0 auto;padding:38px 22px 68px;min-width:0}
.grm-probleem__body>section{margin-bottom:38px}
.grm-probleem__body h2{margin:0 0 16px;font-family:"Inter Tight",sans-serif;font-size:24px;font-weight:800;color:#041E42;letter-spacing:-.01em}

.grm-probleem__punten{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:14px;min-width:0}
.grm-probleem__punt{display:flex;gap:13px;padding:19px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:13px;background:#fff;min-width:0}
.grm-probleem__punt-ic{flex:0 0 auto;width:42px;height:42px;border-radius:11px;background:#EDF2F8;color:var(--c);display:flex;align-items:center;justify-content:center}
.grm-probleem__punt-ic .material-symbols-rounded{font-size:22px}
.grm-probleem__punt p{margin:0;font-size:15px;line-height:1.62;color:var(--grm-ink-700,#33424f)}

.grm-probleem__branches-sub{margin:-8px 0 16px;font-size:14.5px;color:#55636E}
.grm-probleem__groepen{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:10px;min-width:0}
.grm-probleem__groep{border:1px solid var(--grm-line-soft,#eaeff5);border-radius:11px;background:#fff;overflow:hidden}
.grm-probleem__groep summary{display:flex;align-items:center;gap:10px;padding:13px 15px;cursor:pointer;font-weight:700;font-size:14.5px;color:#041E42;list-style:none}
.grm-probleem__groep summary::-webkit-details-marker{display:none}
.grm-probleem__groep summary>.material-symbols-rounded:first-child{font-size:20px;color:var(--c)}
.grm-probleem__caret{margin-left:4px;font-size:20px;color:var(--grm-ink-400,#7A8794);transition:transform .2s}
.grm-probleem__groep[open] .grm-probleem__caret{transform:rotate(180deg)}
.grm-probleem__subs{display:flex;flex-direction:column;padding:0 8px 10px}
.grm-probleem__subs a{padding:8px 11px;border-radius:8px;color:var(--grm-ink-700,#33424f);font-size:13.5px;text-decoration:none}
.grm-probleem__subs a:hover{background:#EDF2F8;color:var(--c)}

.grm-probleem__verwant-lijst{display:grid;grid-template-columns:repeat(auto-fill,minmax(292px,1fr));gap:11px;min-width:0}
.grm-probleem__verwant-lijst a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--grm-line-soft,#eaeff5);border-radius:12px;background:#fff;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;min-width:0}
.grm-probleem__verwant-lijst a:hover{border-color:var(--c);box-shadow:0 8px 20px rgba(16,58,99,.1);transform:translateY(-2px)}
.grm-probleem__verwant-lijst strong{font-size:15px;font-weight:700;color:#041E42;line-height:1.3}
.grm-probleem__verwant-lijst span{font-size:13.5px;color:#55636E;line-height:1.5}

.grm-probleem__lijst-meer{margin:18px 0 0;text-align:center}

.grm-probleem__cta{padding:34px 28px;border-radius:16px;background:linear-gradient(135deg,var(--c),#0B2A49);color:#fff}
.grm-probleem__cta h2{color:#fff;margin-bottom:8px}
.grm-probleem__cta p{margin:0 0 20px;font-size:15.5px;line-height:1.6;color:var(--grm-brand-100,#d3e0ef)}
.grm-probleem__cta-knoppen{display:flex;flex-wrap:wrap;gap:10px}

@media (max-width:640px){
  .grm-probleem__hero{padding:24px 0 30px}
  .grm-probleem__hero-in,.grm-probleem__body{padding-left:15px;padding-right:15px}
  .grm-probleem__body{padding-top:28px;padding-bottom:48px}
  .grm-probleem__body h2{font-size:20px}
  .grm-probleem__belofte{font-size:15px;padding:10px 13px}
  .grm-probleem__cta{padding:24px 18px}
}