/* DIY Gids: uitsluitend tips en waarschuwingen. Laad na de bestaande CSS. */
.dg-tip,.dg-attentie{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:24px;margin:34px 0;padding:24px 0;background:transparent;border:0;border-block:1px solid var(--lijn,#dce3eb);border-radius:0;box-shadow:none;overflow:visible;color:var(--inkt,#172b43);font-size:inherit;line-height:inherit}
.dg-tip::before,.dg-attentie::before{content:none;display:none}
.dg-tip>svg,.dg-attentie>svg{display:none}
.dg-tip>div,.dg-attentie>div{min-width:0;overflow-wrap:break-word}
.dg-notitielabel{display:block;padding-top:5px;font:650 13px/1.6 var(--tekst,Inter,sans-serif);color:var(--link,#1256be)}
.dg-attentie>.dg-notitielabel{color:var(--let-op,#9a3412)}
.dg-tip>div>:first-child,.dg-attentie>div>:first-child{margin-top:0}
.dg-tip>div>:last-child,.dg-attentie>div>:last-child{margin-bottom:0}
.dg-attentie strong{color:inherit}
.dg-tip>div>[id]:first-child,.dg-attentie>div>[id]:first-child{scroll-margin-top:calc(var(--sticky-offset,132px) + 44px)}
@media(max-width:767px){.dg-tip,.dg-attentie{grid-template-columns:minmax(0,1fr);gap:9px;padding:20px 0;margin:28px 0}.dg-notitielabel{padding-top:0}.dg-tip>div>[id]:first-child,.dg-attentie>div>[id]:first-child{scroll-margin-top:calc(var(--sticky-offset,68px) + 70px)}}
@media print{.dg-tip,.dg-attentie{border-color:#888}.dg-notitielabel,.dg-attentie>.dg-notitielabel{color:#000}}