/* MijnGeld Dashboard V32.4.31 — Final Professional Audit
   Uniforme typografie, uitlijning, mobiele marges en merkconsistentie. */
:root{--mgd31-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--mgd31-content:1080px;--mgd31-mobile:16px}
html{overflow-x:hidden}body{font-family:var(--mgd31-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}button,input,select,textarea{font:inherit}img,svg,video,canvas{max-width:100%}
/* Merklogo is overal het originele ronde logo, zonder vierkante kaart eromheen. */
.mgdu-home .brand-logo,.mgdu-dashboard .brand img,.mgdu-sales .brand img,.mgdu-legal .brand img{border-radius:50%!important;background:transparent!important;border:0!important;box-shadow:none!important;object-fit:cover!important}
/* Eén typografische hiërarchie in de hele omgeving. */
.mgdu-home h1,.mgdu-home h2,.mgdu-home h3,.mgdu-dashboard h1,.mgdu-dashboard h2,.mgdu-dashboard h3,.mgdu-sales h1,.mgdu-sales h2,.mgdu-legal h1,.mgdu-legal h2,.mgdu-legal h3{font-family:var(--mgd31-font)!important;font-weight:800;letter-spacing:-.03em}
.mgdu-home p,.mgdu-home li,.mgdu-dashboard p,.mgdu-dashboard li,.mgdu-sales p,.mgdu-sales label,.mgdu-legal p,.mgdu-legal li{font-family:var(--mgd31-font)!important}
/* Homepage: alle losse content volgt exact dezelfde verticale tekstlijn. */
.mgdu-home .shell{width:min(1120px,100%)!important;padding-left:24px!important;padding-right:24px!important}
.mgdu-home .section>.shell,.mgdu-home .emotion-band>.shell,.mgdu-home .upgrade-band>.shell,.mgdu-home .final>.shell,.mgdu-home .footer>.shell{width:min(1120px,100%)!important}
.mgdu-home .intro,.mgdu-home .storyline,.mgdu-home .emotion-grid,.mgdu-home .upgrade-box,.mgdu-home .finalbox{margin-left:auto;margin-right:auto}
.mgdu-home .intro h2,.mgdu-home .storyline h2,.mgdu-home .emotion-grid h2,.mgdu-home .finalbox h2{overflow-wrap:break-word;word-break:normal}
.mgdu-home .proof-strip{border-color:rgba(228,191,105,.14)!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.022))!important;box-shadow:none!important}
.mgdu-home .proof-item+ .proof-item{border-left-color:rgba(255,255,255,.07)!important}
.mgdu-home .benefit,.mgdu-home .plan,.mgdu-home .faq details{box-sizing:border-box}
.mgdu-home .plan{display:flex!important;flex-direction:column!important}.mgdu-home .plan .button{margin-top:auto!important}.mgdu-home .upgrade-note{min-height:72px;display:flex;flex-direction:column;justify-content:center}
/* Dashboard: dezelfde breedte, ritmes en tekstgroottes in Basis, Premium en Jongeren. */
.mgdu-dashboard .wrap{width:min(var(--mgd31-content),100%)!important;margin:0 auto!important}
.mgdu-dashboard .hero,.mgdu-dashboard .quick-title,.mgdu-dashboard .quick-grid,.mgdu-dashboard .accordions,.mgdu-dashboard .package-note,.mgdu-dashboard .locked-card,.mgdu-dashboard .mgd-start-guide{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.mgdu-dashboard h1{font-size:clamp(34px,5vw,54px)!important;line-height:1.03!important}.mgdu-dashboard .lead{font-size:16px!important;line-height:1.55!important}.mgdu-dashboard .quick-title h2{font-size:22px!important}.mgdu-dashboard .acc-title b{font-size:15px!important}.mgdu-dashboard .acc-title span{font-size:11.5px!important;line-height:1.4!important}.mgdu-dashboard .form-card h3{font-size:16px!important}.mgdu-dashboard input,.mgdu-dashboard select{min-width:0!important;max-width:100%!important}
/* Sales en juridische pagina's delen dezelfde rustige maatvoering. */
.mgdu-sales .shell{width:min(620px,100%)!important;margin:0 auto!important}.mgdu-legal .wrap{width:min(960px,100%)!important;margin:0 auto!important}.mgdu-legal .legal-page{width:100%!important;max-width:880px!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:700px){
  .mgdu-home .shell{padding-left:var(--mgd31-mobile)!important;padding-right:var(--mgd31-mobile)!important}
  .mgdu-home .hero-grid,.mgdu-home .storyline,.mgdu-home .emotion-grid{width:100%!important;max-width:100%!important}
  .mgdu-home .hero h1{font-size:clamp(34px,10vw,42px)!important;line-height:1.06!important}.mgdu-home .hero .lead{font-size:15.5px!important;line-height:1.55!important}
  .mgdu-home .intro h2,.mgdu-home .storyline h2,.mgdu-home .emotion-grid h2,.mgdu-home .finalbox h2{font-size:28px!important;line-height:1.12!important}
  .mgdu-home .intro p,.mgdu-home .storycopy p,.mgdu-home .emotion-grid p,.mgdu-home .finalbox p{font-size:14.5px!important;line-height:1.58!important}
  .mgdu-home .proof-strip{grid-template-columns:1fr!important;padding:4px 15px!important}.mgdu-home .proof-item{padding:13px 0!important}.mgdu-home .proof-item+.proof-item{border-left:0!important;border-top:1px solid rgba(255,255,255,.07)!important}
  .mgdu-home .benefits,.mgdu-home .steps,.mgdu-home .plans{width:100%!important;max-width:100%!important}.mgdu-home .benefit,.mgdu-home .step,.mgdu-home .plan,.mgdu-home .upgrade-box,.mgdu-home .finalbox{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .mgdu-home .upgrade-prices{grid-template-columns:1fr!important;width:100%!important}.mgdu-home .upgrade-prices>div{width:100%!important}
  .mgdu-dashboard .wrap{padding-left:var(--mgd31-mobile)!important;padding-right:var(--mgd31-mobile)!important}.mgdu-dashboard h1{font-size:34px!important}.mgdu-dashboard .hero{padding:18px!important}.mgdu-dashboard .acc-head{padding:13px 14px!important}.mgdu-dashboard .acc-body{padding-left:12px!important;padding-right:12px!important}.mgdu-dashboard .form-card{padding:12px!important}
  .mgdu-sales .shell,.mgdu-legal .wrap{padding-left:var(--mgd31-mobile)!important;padding-right:var(--mgd31-mobile)!important}.mgdu-sales .card,.mgdu-legal .legal-card{width:100%!important;max-width:100%!important}
}
@media(max-width:390px){.mgdu-home .shell,.mgdu-dashboard .wrap,.mgdu-sales .shell,.mgdu-legal .wrap{padding-left:14px!important;padding-right:14px!important}.mgdu-home .navlinks a:not(.navcta){display:none}.mgdu-home .brandtext strong{font-size:14px!important}.mgdu-home .brandtext small{font-size:6.8px!important}.mgdu-home .hero h1{font-size:33px!important}.mgdu-dashboard h1{font-size:31px!important}}
