.mld-wrap{--mld-cols:3;--mld-link:#c00;--mld-gap:24px;margin:0 0 2em}
.mld-wrap *,.mld-wrap *::before,.mld-wrap *::after{box-sizing:border-box}
.mld-wrap [hidden]{display:none!important}

.mld-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:var(--mld-gap)}
.mld-search{flex:1 1 220px;max-width:420px;padding:9px 12px;border:1px solid #ccc;border-radius:4px;font-size:16px}
.mld-favtoggle{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;cursor:pointer;font-size:14px}
.mld-favtoggle svg{fill:none;stroke:currentColor;stroke-width:2}
.mld-favtoggle[aria-pressed="true"]{background:#333;border-color:#333;color:#fff}
.mld-favtoggle[aria-pressed="true"] svg{fill:#fc0;stroke:#fc0}

.mld-grid{column-count:var(--mld-cols);column-gap:var(--mld-gap)}
.mld-block{display:inline-block;width:100%;break-inside:avoid;margin:0 0 var(--mld-gap);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15)}

.mld-head{margin:0;padding:8px 12px;text-align:center;font-size:20px;font-weight:400;letter-spacing:.12em;line-height:1.3}
.mld-n{font-size:.6em;opacity:.75;letter-spacing:.08em;margin-left:.3em}

.mld-list{list-style:none;margin:0;padding:0}
.mld-item{position:relative;display:flex;align-items:center;gap:6px;min-height:52px;padding:6px 8px 6px 12px;border-bottom:1px solid #eee;overflow:hidden}
.mld-item:last-child{border-bottom:0}

.mld-link{flex:1 1 auto;display:flex;align-items:center;gap:12px;min-width:0;color:var(--mld-link);text-decoration:none;line-height:1.25}
.mld-link:hover .mld-title{text-decoration:underline}
.mld-logo{flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f4f4f4;border-radius:2px;overflow:hidden}
.mld-logo img{display:block;width:32px;height:32px;object-fit:cover;margin:0}
.mld-image-placeholder{display:flex;width:32px;height:32px;align-items:center;justify-content:center;color:#777;background:#f4f4f4}
.mld-image-placeholder svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mld-title{min-width:0;overflow-wrap:anywhere}

.mld-fav{flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:28px;padding:2px;border:0;background:none;color:#888;cursor:pointer;line-height:1}
.mld-fav svg{fill:none;stroke:currentColor;stroke-width:2}
.mld-fav[aria-pressed="true"]{color:#e6a700}
.mld-fav[aria-pressed="true"] svg{fill:currentColor}
.mld-fav:hover{color:#333}

.mld-new{position:absolute;top:0;right:0;padding:1px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;background:#fc0;color:#000;line-height:1.4}

.mld-geen-resultaat{margin:1em 0;color:#666}

@media (max-width:900px){.mld-grid{column-count:2}}
@media (max-width:600px){.mld-grid{column-count:1}.mld-head{font-size:18px;padding:8px 10px}}

/* V2: beschrijving bij aanwijzen, met de kleur van de lijstkop */
.mld-item{overflow:visible;z-index:1}
.mld-item:hover,.mld-item:focus-within{z-index:5}
.mld-link[data-description]::after{content:attr(data-description);position:absolute;left:10px;right:10px;top:calc(100% - 2px);z-index:20;display:none;padding:9px 12px;background:var(--mld-tip-bg,#333);color:var(--mld-tip-text,#fff);font-size:13px;line-height:1.4;white-space:normal;box-shadow:0 2px 6px rgba(0,0,0,.22);border-radius:0 0 3px 3px}
.mld-item:hover .mld-link[data-description]::after,.mld-item:focus-within .mld-link[data-description]::after{display:block}
.mld-link{color:var(--mld-item-link,var(--mld-link))}

/* V2.0.3: optioneel logo vergroten bij mouse-over (desktop met hover-pointer). */
@media (hover: hover) and (pointer: fine){
 .mld-wrap.mld-logo-hover-on .mld-item{z-index:1}
 .mld-wrap.mld-logo-hover-on .mld-item:hover,.mld-wrap.mld-logo-hover-on .mld-item:focus-within{z-index:30}
 .mld-wrap.mld-logo-hover-on .mld-logo{position:relative;z-index:2;overflow:visible}
 .mld-wrap.mld-logo-hover-on .mld-logo img{transform:scale(1);transform-origin:center;transition:transform .2s ease,box-shadow .2s ease;position:relative}
 .mld-wrap.mld-logo-hover-on .mld-item:hover .mld-logo img,.mld-wrap.mld-logo-hover-on .mld-item:focus-within .mld-logo img{transform:scale(1.8);z-index:40;box-shadow:0 2px 9px rgba(0,0,0,.28);background:#fff}
}

/* V2.0.5: categorie-navigatie boven de directory */
.mld-category-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0 0 12px;border-bottom:1px solid #ddd}
.mld-category-nav-link{display:inline-block;padding:7px 10px;border:1px solid #ccc;border-radius:3px;background:#fff;color:var(--mld-link,#c00);text-decoration:none;font-size:14px;line-height:1.25}
.mld-category-nav-link:hover,.mld-category-nav-link:focus{background:#f4f4f4;border-color:#999;text-decoration:underline}
.mld-block[id]{scroll-margin-top:24px}