/* Alder: partner profile (/partner/{slug}).
   Loaded after alder-pages.css, alder-profile.css and alder-clinic.css; the
   hero, rail and rails are the profile's own. Only what the partner page
   adds lives here: the summary under the marks, the wireframe picture, the
   Details panel and the invitation panel. Mobile first. */

/* ---------- Hero ---------- */
.al-ph__sum { margin-top: 12px; max-width: 60ch; font: 400 16px/1.55 var(--al-sans); color: var(--al-body); }
.al-ph__photo--wire { background: #6FBF85; }
.al-ph__photo--logo img[data-fell] { object-fit: cover; padding: 0; }
.al-ph__photo--logo:has(img[data-fell]) { background: #6FBF85; }
.al-pg--partner .al-ph__act .al-ph__site .al-ico { width: 15px; height: 15px; }
@media (min-width: 921px) { .al-ph__sum { margin-top: 16px; font-size: 17px; } }

/* ---------- About: a long story with pictures stays inside the column ---------- */
.al-pg--partner .al-psec { min-width: 0; }
.al-pg--partner .al-about img { max-width: 100%; height: auto; border-radius: var(--al-r); }
.al-pg--partner .al-about figure { margin: 20px 0; }

/* ---------- Details (rail) ---------- */
.al-ptd dl { margin-top: 2px; }
.al-ptd dl > div { grid-template-columns: 72px minmax(0, 1fr); }
.al-ptd dd a { display: inline-flex; align-items: center; min-height: 44px; margin-block: -12px; color: var(--al-moss); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
@media (hover: hover) { .al-ptd dd a:hover { color: var(--al-ink); } }
.al-ptd dd a.al-ptd__email { max-width: 100%; overflow-wrap: anywhere; }
.al-ptd__soc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.al-ptd__soc .al-round { background: #fff; }
.al-ptd__soc svg { width: 18px; height: 18px; }
.al-ptd__h { margin: 22px 0 10px; font: 600 13px/1.3 var(--al-sans); color: var(--al-muted); }
.al-ptd .al-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.al-ptd .al-chip { background: #fff; }

/* ---------- Invitation (rail, last) ---------- */
.al-ptd__cta { background: var(--al-paper); }
.al-ptd__cta .al-ptd__h { margin-top: 0; font: 700 17px/1.3 var(--al-display); color: var(--al-ink); }
.al-ptd__cta p { font: 400 14.5px/1.55 var(--al-sans); color: var(--al-body); }
.al-ptd__cta .al-more { margin-top: 8px; }

/* ---------- Apps rail: the wireframe tile when an app has no picture ---------- */
.al-pagelink__wire { background: #6FBF85; }

/* ---------- Empty profile ---------- */
.al-ptd__empty { padding: 32px 0; font: 400 15px/1.5 var(--al-sans); color: var(--al-muted); }