.bxl,.bxl *{box-sizing:border-box!important;text-align:left!important}
.bxl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;margin:0;padding:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif}

.bxl a.bxl-card{display:flex!important;flex-direction:column;gap:14px;min-width:0;height:100%;margin:0!important;padding:20px!important;background:#fff!important;background-image:none!important;border:1px solid rgba(15,22,33,.10)!important;border-radius:18px!important;box-shadow:none!important;transform:none!important;color:#0F1621!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;transition:border-color .15s ease,box-shadow .15s ease}
.bxl a.bxl-card:hover{border-color:rgba(22,154,71,.30)!important;box-shadow:0 10px 26px rgba(15,22,33,.07)!important}
.bxl a.bxl-card:focus-visible{outline:2px solid #169A47!important;outline-offset:2px}

.bxl .bxl-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bxl .bxl-ic{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:12px;background:rgba(22,154,71,.08);border:1px solid rgba(22,154,71,.18);color:#169A47}
.bxl .bxl-ic svg{display:block;width:20px;height:20px}
.bxl .bxl-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#F1F4F2;color:#4A5560!important;font-size:11.5px!important;font-weight:700!important;line-height:1!important;white-space:nowrap}

.bxl .bxl-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.bxl .bxl-title{display:block;font-family:'Poppins',system-ui,sans-serif!important;font-size:17px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:-.01em!important;color:#0F1621!important;transition:color .15s ease}
.bxl a.bxl-card:hover .bxl-title{color:#12833D!important}
.bxl .bxl-desc{display:block;font-size:13.5px!important;font-weight:500!important;line-height:1.55!important;color:#5C6873!important}

.bxl .bxl-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(15,22,33,.07)}
.bxl .bxl-cta{font-family:'Poppins',system-ui,sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;color:#12833D!important}
.bxl .bxl-arr{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:1px solid rgba(15,22,33,.10);border-radius:999px;background:#fff;color:#8A97A0;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.bxl .bxl-arr svg{display:block;width:14px;height:14px}
.bxl a.bxl-card:hover .bxl-arr{background:#169A47;border-color:#169A47;color:#fff}

/* Tablet en mobiel: compacte rijen onder elkaar */
@media (max-width:820px){
  .bxl{grid-template-columns:1fr;gap:10px}
  .bxl a.bxl-card{display:grid!important;grid-template-columns:44px minmax(0,1fr) 32px;grid-template-areas:"ic body arr";align-items:center;gap:14px;padding:16px!important}
  .bxl .bxl-top{display:contents}
  .bxl .bxl-ic{grid-area:ic}
  .bxl .bxl-tag{display:none}
  .bxl .bxl-body{grid-area:body;gap:3px}
  .bxl .bxl-title{font-size:16px!important}
  .bxl .bxl-desc{font-size:13px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .bxl .bxl-foot{display:contents}
  .bxl .bxl-cta{display:none}
  .bxl .bxl-arr{grid-area:arr}
}
@media (max-width:380px){
  .bxl a.bxl-card{grid-template-columns:40px minmax(0,1fr) 28px;gap:12px;padding:14px!important}
  .bxl .bxl-ic{width:40px;height:40px;border-radius:11px}
  .bxl .bxl-arr{width:28px;height:28px}
}
@media (prefers-reduced-motion:reduce){.bxl *{transition:none!important}}
