.carp-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; }
.carp-card { color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; box-shadow:0 4px 18px #3046420d; }
.carp-card img { display:block; width:100%; height:160px; object-fit:cover; }
.carp-card div { padding:14px; }
.carp-card h2 { margin:0 0 4px; }
.carp-card p { margin:0; font-size:14px; color:var(--muted); }
.carp-header { display:block; margin-bottom:28px; }
.carp-header img { display:block; width:min(100%,720px); height:420px; margin:0 auto 22px; object-fit:cover; border-radius:12px; box-shadow:0 6px 24px #30464226; }
.carp-header h1 { margin-top:9px; }
.history { margin-top:24px; }
.search-results { margin-top:24px; max-width:760px; }
.match { display:flex; gap:14px; align-items:center; color:var(--ink); padding:12px 0; border-top:1px solid var(--line); }
.match img { width:120px; height:84px; border-radius:7px; object-fit:cover; }
.match span { display:grid; gap:3px; }
.match small { color:var(--muted); }
.match em { color:var(--teal); font-style:normal; font-size:14px; font-weight:700; }
.proposal-photo { display:block; width:90px; height:64px; object-fit:cover; border-radius:6px; }
.report-photo { display:block; width:64px; height:46px; object-fit:contain; background:#fff; border-radius:5px; }
.beheer .report-photo { width:92px; height:54px; border:1px solid var(--line); }
@media (max-width:650px) { .carp-header { margin-bottom:20px; } .carp-header img { width:100%; height:240px; margin-bottom:16px; } .carp-grid { grid-template-columns:1fr; gap:14px; } .carp-card img { height:190px; } .match { align-items:flex-start; gap:10px; } .match img { width:92px; height:70px; flex:none; } .proposal-photo { width:72px; height:52px; } .report-photo { width:56px; height:40px; } }