/* vertaalbureau-kennis: block-port van ReactBitsPro Blocks/blog-2 ("Recent posts with animated pagination").
   Tailwind uit de bron vertaald naar gescopete CSS: sectie py-12/16/20 en px-4/6/8, kolom max 900 px, lijst met
   een lijn boven en een lijn onder elke rij (py-5, gap-4/6), thumbnail w-24/32/40 in 4:3 met rounded-lg en
   scale 1,05 in 300 ms bij hover, titel met line-clamp-2 die bij hover van kleur wisselt, samenvatting vanaf
   640 px, leestijd rechts, paginering met pijlknoppen en cijferknoppen h-8 met rounded-lg. Kleuren via --m-*. */
.msm-vertaalbureau-kennis{--vbk-p:var(--m-primary,#ef6f42);--vbk-bg:var(--m-bg,#f6f2e9);--vbk-ink:var(--m-ink,#152a38);--vbk-s:var(--m-surface,#fffdf8);--vbk-mu:var(--m-muted,#5b6670);--vbk-a2:var(--m-accent2,#173e5a);--vbk-l:var(--m-line,#d8d1c3);--vbk-fd:var(--m-font-display,'Literata',Georgia,serif);--vbk-fb:var(--m-font-body,'Source Sans 3',Arial,sans-serif);--vbk-tw:cubic-bezier(.4,0,.2,1);--vbk-hover:color-mix(in oklab,var(--vbk-ink) 4%,var(--vbk-s));position:relative;box-sizing:border-box;scroll-margin-top:112px;padding:48px 16px;background:var(--vbk-s);color:var(--vbk-ink);font-family:var(--vbk-fb);line-height:1.5}
.msm-vertaalbureau-kennis *,.msm-vertaalbureau-kennis *::before,.msm-vertaalbureau-kennis *::after{box-sizing:inherit}
.msm-vertaalbureau-kennis [hidden]{display:none!important}
.msm-vertaalbureau-kennis .vbk-wrap{width:100%;max-width:900px;margin:0 auto}
.msm-vertaalbureau-kennis .vbk-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Kop: kleine regel, h2 met correctiestreep, rechts de link naar alle artikelen; mb-10 en vanaf 640 px mb-14. */
.msm-vertaalbureau-kennis .vbk-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:40px}
.msm-vertaalbureau-kennis .vbk-head-text{min-width:0;max-width:40rem}
.msm-vertaalbureau-kennis .vbk-kicker{margin:0 0 10px;font-size:13px;line-height:16px;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklab,var(--vbk-ink) 70%,transparent)}
.msm-vertaalbureau-kennis .vbk-title{position:relative;display:inline-block;margin:0;padding-bottom:16px;font-family:var(--vbk-fd);font-weight:500;font-size:30px;line-height:1.15;letter-spacing:-.025em;text-wrap:balance;color:var(--vbk-ink)}
.msm-vertaalbureau-kennis .vbk-mark{position:absolute;left:0;bottom:0;width:min(100%,9.5em);height:13px;overflow:visible}
.msm-vertaalbureau-kennis .vbk-mark path{fill:none;stroke:var(--vbk-p);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.msm-vertaalbureau-kennis .vbk-title[data-vbk-mark="wacht"] .vbk-mark path{stroke-dashoffset:1}
.msm-vertaalbureau-kennis .vbk-title[data-vbk-mark="teken"] .vbk-mark path{transition:stroke-dashoffset .6s cubic-bezier(.33,1,.68,1)}
.msm-vertaalbureau-kennis .vbk-all{display:inline-flex;align-items:center;gap:8px;padding:10px 0;font-weight:600;color:var(--vbk-a2);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--vbk-a2) 30%,transparent);text-underline-offset:5px;transition:text-decoration-color .15s var(--vbk-tw)}
.msm-vertaalbureau-kennis .vbk-all:hover{text-decoration-color:var(--vbk-p)}
.msm-vertaalbureau-kennis .vbk-all:focus-visible{outline:2px solid var(--vbk-a2);outline-offset:3px;border-radius:4px}

/* Lijst: border-t op het frame met overflow-hidden (de pagina schuift er 100 px in en uit), elke rij border-b. */
.msm-vertaalbureau-kennis .vbk-frame{position:relative;overflow:hidden;border-top:1px solid var(--vbk-l)}
.msm-vertaalbureau-kennis .vbk-list{margin:0;padding:0;list-style:none}
.msm-vertaalbureau-kennis .vbk-row{margin:0}
.msm-vertaalbureau-kennis .vbk-item{display:flex;gap:16px;padding:20px 16px;margin:0 -16px;border-bottom:1px solid var(--vbk-l);color:inherit;text-decoration:none;transition:background-color .15s var(--vbk-tw)}
.msm-vertaalbureau-kennis .vbk-item:hover{background:var(--vbk-hover)}
.msm-vertaalbureau-kennis .vbk-item:focus-visible{outline:2px solid var(--vbk-a2);outline-offset:-2px;background:var(--vbk-hover)}
.msm-vertaalbureau-kennis .vbk-thumb{flex-shrink:0;width:96px;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:color-mix(in oklab,var(--vbk-l) 60%,var(--vbk-bg))}
.msm-vertaalbureau-kennis .vbk-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s var(--vbk-tw)}
.msm-vertaalbureau-kennis .vbk-item:hover .vbk-thumb img,.msm-vertaalbureau-kennis .vbk-item:focus-visible .vbk-thumb img{transform:scale(1.05)}
.msm-vertaalbureau-kennis .vbk-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}
.msm-vertaalbureau-kennis .vbk-cat{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--vbk-a2)}
.msm-vertaalbureau-kennis .vbk-item-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;font-family:var(--vbk-fd);font-size:15px;font-weight:500;line-height:1.375;letter-spacing:-.01em;color:var(--vbk-ink);transition:color .15s var(--vbk-tw)}
.msm-vertaalbureau-kennis .vbk-item:hover .vbk-item-title,.msm-vertaalbureau-kennis .vbk-item:focus-visible .vbk-item-title{color:color-mix(in oklab,var(--vbk-p) 62%,var(--vbk-ink))}
.msm-vertaalbureau-kennis .vbk-excerpt{display:none;overflow:hidden;font-size:14px;line-height:20px;color:var(--vbk-mu)}
.msm-vertaalbureau-kennis .vbk-side{flex-shrink:0;display:flex;align-items:center}
.msm-vertaalbureau-kennis .vbk-time{font-size:12px;line-height:16px;white-space:nowrap;color:var(--vbk-mu)}

/* Paginering: pijlknoppen p-2 en cijferknoppen min-w 2rem h-8, actieve pagina gevuld in --m-ink. */
.msm-vertaalbureau-kennis .vbk-pages{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:32px}
.msm-vertaalbureau-kennis .vbk-nums{display:contents}
.msm-vertaalbureau-kennis .vbk-step,.msm-vertaalbureau-kennis .vbk-num{display:inline-flex;align-items:center;justify-content:center;margin:0;border:0;border-radius:8px;background:transparent;font:inherit;cursor:pointer;transition:background-color .15s var(--vbk-tw),color .15s var(--vbk-tw)}
.msm-vertaalbureau-kennis .vbk-step{padding:8px;color:var(--vbk-mu)}
.msm-vertaalbureau-kennis .vbk-step svg{display:block}
.msm-vertaalbureau-kennis .vbk-step:hover:not(:disabled),.msm-vertaalbureau-kennis .vbk-num:hover:not([aria-current]){background:color-mix(in oklab,var(--vbk-ink) 7%,var(--vbk-s))}
.msm-vertaalbureau-kennis .vbk-step:disabled{opacity:.4;cursor:not-allowed}
.msm-vertaalbureau-kennis .vbk-num{min-width:2rem;height:2rem;padding:0 8px;font-size:14px;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums;color:color-mix(in oklab,var(--vbk-ink) 80%,transparent)}
.msm-vertaalbureau-kennis .vbk-num[aria-current]{background:var(--vbk-ink);color:var(--vbk-s)}
.msm-vertaalbureau-kennis .vbk-gap{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--vbk-mu)}
.msm-vertaalbureau-kennis .vbk-step:focus-visible,.msm-vertaalbureau-kennis .vbk-num:focus-visible{outline:2px solid var(--vbk-a2);outline-offset:2px}
.msm-vertaalbureau-kennis .vbk-note{margin:40px 0 0;font-size:14.5px;color:var(--vbk-mu)}

@media (min-width:640px){
  .msm-vertaalbureau-kennis{padding:64px 24px}
  .msm-vertaalbureau-kennis .vbk-head{margin-bottom:56px}
  .msm-vertaalbureau-kennis .vbk-title{font-size:36px;line-height:1.12}
  .msm-vertaalbureau-kennis .vbk-item{gap:24px}
  .msm-vertaalbureau-kennis .vbk-thumb{width:128px}
  .msm-vertaalbureau-kennis .vbk-item-title{-webkit-line-clamp:2;font-size:17px}
  .msm-vertaalbureau-kennis .vbk-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .msm-vertaalbureau-kennis .vbk-time{font-size:14px;line-height:20px}
  .msm-vertaalbureau-kennis .vbk-pages{gap:8px;margin-top:48px}
}
@media (min-width:768px){
  .msm-vertaalbureau-kennis{padding-top:80px;padding-bottom:80px}
  .msm-vertaalbureau-kennis .vbk-title{font-size:46px;line-height:1.08}
  .msm-vertaalbureau-kennis .vbk-thumb{width:160px}
}
@media (min-width:1024px){
  .msm-vertaalbureau-kennis{padding-left:32px;padding-right:32px}
}
@media (prefers-reduced-motion:reduce){
  .msm-vertaalbureau-kennis .vbk-thumb img,.msm-vertaalbureau-kennis .vbk-item,.msm-vertaalbureau-kennis .vbk-item-title,.msm-vertaalbureau-kennis .vbk-all,.msm-vertaalbureau-kennis .vbk-title .vbk-mark path{transition:none!important}
  .msm-vertaalbureau-kennis .vbk-item:hover .vbk-thumb img,.msm-vertaalbureau-kennis .vbk-item:focus-visible .vbk-thumb img{transform:none}
  .msm-vertaalbureau-kennis .vbk-title .vbk-mark path{stroke-dashoffset:0!important}
}