/* v2: categorieën onder elkaar + duidelijke selectie */
#claralyse-navy-ui #type-cards {
  display:block;
}
#claralyse-navy-ui section.type-cat {
  display:block;
  margin: 16px 0 28px;
}
#claralyse-navy-ui section.type-cat .cat {
  margin: 4px 0 10px;
  font-size: 18px;
  font-weight: 800;
}

#claralyse-navy-ui .cards-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
  align-items: stretch;
}

#claralyse-navy-ui .type-card{
  position:relative;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow:0 8px 20px rgba(11,27,59,.06);
  padding:12px;
  cursor:pointer;
  height:100%;
  outline:none;
  transition: box-shadow .15s ease, border-color .15s ease, transform .05s ease;
}
#claralyse-navy-ui .type-card:hover{ transform: translateY(-1px); }
#claralyse-navy-ui .type-card:focus{ box-shadow:0 0 0 3px #c7d2fe; border-color:#1e3a8a; }
#claralyse-navy-ui .type-card.selected{ border-color:#1e3a8a; box-shadow:0 14px 30px rgba(11,27,59,.18); }
#claralyse-navy-ui .type-card.selected::after{
  content:"✓"; position:absolute; top:10px; right:10px;
  width:24px; height:24px; line-height:24px; text-align:center;
  background:#1e3a8a; color:#fff; border-radius:50%; font-weight:800; font-size:13px;
}
#claralyse-navy-ui .type-title{ font-weight:800; color:#1e3a8a; margin-bottom:6px; }
#claralyse-navy-ui .type-desc{ font-size:14px; min-height:38px; opacity:.9; }
#claralyse-navy-ui .type-example{ margin-top:6px; font-size:13px; background:#f1f5f9; padding:8px; border-radius:10px; }