/* Navigation actions belong to the contact card, before the mobile biography. */
.hero-portrait .contact-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;margin:24px 0 0}
.hero-portrait .contact-card-actions .button{min-width:0;padding-inline:10px;gap:8px;font-size:13px;line-height:20px;text-align:center;text-decoration:none}
.hero-portrait .contact-card-actions .button svg{flex-shrink:0}
@media(max-width:760px){.hero{grid-template-areas:"intro" "portrait" "bio";grid-template-rows:auto}.hero-portrait .contact-card-actions{margin-top:20px}}

/* Override the contact card's general link colour for filled actions. */
.hero-portrait .contact-card-actions .button-primary{background:var(--button-bg);color:var(--button-fg)}
.hero-portrait .contact-card-actions .button-secondary{color:var(--ink)}

/* Comfortable contact targets; card motion pauses over the caption. */
.hero-portrait .portrait-affiliations a{display:flex;align-items:center;gap:6px;font-size:15px;line-height:1.5;min-height:36px;padding-block:4px;box-sizing:border-box}
.hero-portrait .hero-socials .social-link{width:48px;height:48px;min-width:48px;min-height:48px;flex-basis:48px}

.hero-portrait .portrait-affiliations{gap:0}
@media(pointer:coarse){.hero-portrait .portrait-affiliations a{min-height:44px}}