/* We Find You – Ergänzungen zum Landingkit: Live-Suchen, Schritte für Angehörige, Teilen-Seite.
   Nur Kit-Variablen (--brand, --brand-deep, --brand2) und neutrale Töne. */
.live-list { display: grid; gap: 12px; max-width: 760px; margin: 24px auto 0; }
.live-card { display: flex; align-items: center; gap: 16px; padding: 14px 16px; border-radius: 18px; text-decoration: none; color: inherit;
  background: rgba(127,127,127,.06); border: 1px solid rgba(127,127,127,.18); transition: transform .15s ease, border-color .15s ease; }
.live-card:hover { transform: translateY(-1px); border-color: var(--brand-deep); }
.live-card.is-ended { opacity: .75; }
.live-photo, .case-photo { flex: none; width: 72px; height: 72px; border-radius: 14px; overflow: hidden; display: grid; place-items: center;
  background: rgba(127,127,127,.12); color: rgba(127,127,127,.8); }
.live-photo svg { width: 36px; height: 36px; }
.live-photo img, .case-photo img { width: 100%; height: 100%; object-fit: cover; }
.live-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1; }
.live-body strong { font-size: 17px; }
.live-place { opacity: .75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.live-pill { align-self: flex-start; font-size: 13px; font-weight: 600; color: var(--brand-deep); }
.live-pill.found { color: #2e7d32; }
.live-pill.ended { opacity: .7; color: inherit; }
.live-go { flex: none; font-weight: 600; color: var(--brand-deep); white-space: nowrap; }
.live-empty, .live-note { text-align: center; max-width: 620px; margin: 20px auto 0; opacity: .8; }
.live-note { font-size: 14px; }
.steps .tile { position: relative; }
.step-no { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-weight: 800;
  background: var(--brand-deep); color: #fff; margin-bottom: 12px; }
.family-call { margin-top: 28px; }
.family-call a { font-weight: 700; color: var(--brand-deep); font-size: 18px; }
.org-mail { margin-top: 24px; }
/* Teilen-Seite /s/<id> */
.case-page { max-width: 620px; margin: 0 auto; padding: 48px 16px 64px; text-align: center; }
.case-page .case-photo { width: 180px; height: 180px; border-radius: 24px; margin: 0 auto 20px; }
.case-page .case-photo svg { width: 80px; height: 80px; }
.case-who { font-size: 18px; font-weight: 600; margin: 6px 0; }
.case-seen, .case-desc { margin: 12px 0; line-height: 1.5; }
.case-cta { display: inline-block; margin-top: 12px; }
.case-install { font-size: 14px; opacity: .8; }
@media (max-width: 520px) {
  .live-go { display: none; }
  .live-photo { width: 60px; height: 60px; }
}