.caf-fiche {
  font-family: Arial, Helvetica, sans-serif;
  max-width: 980px;
  margin-bottom: 16px;
}

.caf-fiche * { box-sizing: border-box; }

.caf-card {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 16px 18px 14px;
  box-shadow: 0 1px 4px rgba(0, 40, 80, 0.08);
}

.caf-tools {
  position: absolute;
  top: 12px;
  right: 14px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.caf-open {
  background: #fff;
  border: 1px solid #c5d0dc;
  border-radius: 4px;
  padding: 5px 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #334;
  cursor: pointer;
}

.caf-chev {
  width: 28px;
  height: 28px;
  border: 1px solid #c5d0dc;
  background: #fff;
  border-radius: 4px;
  cursor: pointer;
  color: #556;
  font-size: 12px;
  line-height: 1;
}

.caf-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1.1fr;
  gap: 8px 20px;
  padding-right: 120px;
}

.caf-who { display: flex; gap: 12px; align-items: flex-start; }

.caf-ava {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #f39200 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='8' r='3.2' fill='none' stroke='white' stroke-width='1.8'/><path d='M5 20c1.2-3.6 3.8-5.2 7-5.2s5.8 1.6 7 5.2' fill='none' stroke='white' stroke-width='1.8'/></svg>") center / 22px no-repeat;
}

.caf-name {
  display: block;
  font-size: 16px;
  color: #222;
  margin-bottom: 6px;
}

.caf-grid p {
  margin: 0 0 4px;
  font-size: 13px;
  color: #5a5a5a;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.caf-grid b { color: #222; font-weight: 700; }

.caf-more {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e6edf3;
  font-size: 13px;
  color: #333;
}

@media (max-width: 800px) {
  .caf-grid { grid-template-columns: 1fr; padding-right: 0; padding-top: 36px; }
  .caf-tools { top: 8px; right: 8px; }
}