.ct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
    .ct-kaart{background:#fffefa;border:1px solid #d9d1c4;border-top:3px solid var(--c);border-radius:4px;padding:26px 24px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s}
    @media(hover:hover){.ct-kaart:hover{transform:translateY(-3px);box-shadow:0 18px 34px -28px rgba(31,16,10,.5)}.ct-kaart:hover .ct-zegel{transform:rotate(-8deg) scale(1.06)}}
    .ct-zegel{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 10%,#fffefa);color:var(--c);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
    .ct-kaart h3{font-size:19px;line-height:1.25}
    .ct-kaart p{font-size:15px;color:#3f3a33;line-height:1.55}
    .ct-status{margin-top:auto;padding-top:12px;border-top:1px solid #ece8e0;font:500 11px/1.4 'IBM Plex Mono',monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--c)}
    .ct-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;margin-top:32px}
    .ct-doc{padding:22px 0;border-top:1px solid #d0dce2}
    .ct-doc h3{font-size:18px;margin-bottom:8px}
    .ct-doc p{font-size:15px;color:#3f3a33;line-height:1.55}
    @media(max-width:1024px){.ct-grid{grid-template-columns:1fr 1fr}.ct-docs{grid-template-columns:1fr}}
    @media(max-width:820px){.ct-grid{grid-template-columns:1fr}}
    @media(prefers-reduced-motion:reduce){.ct-kaart,.ct-zegel{transition:none}}