/* R09: Hoi An is one coordinated component. Toronto and challenges inherit R08. */
@media(min-width:761px){
 .r09 .story .toronto-chapter{display:contents}
 .r09 .story .story-upper{row-gap:36px}
 .r09 .story .story-upper>.story-location{align-items:start}
 .r09 .story .story-location>.hoi-narrative{grid-column:1;grid-row:1;min-width:0}
 .r09 .story .story-location>.lantern-photo{grid-column:2;grid-row:1;align-self:start}
 .r09 .story .story-location .hoi-intro{margin:0 0 14px}
 .r09 .story .hoi-narrative .hoi-copy p{font-size:18px;line-height:1.7}
 .r09 .people .people-intro>div{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;row-gap:24px}
 .r09 .people .people-intro>div p:first-child{grid-column:1/-1;max-width:1100px}
 .r09 .people .people-intro>div p+p{margin:0}
}
@media(min-width:761px) and (max-width:1100px){
 .r09 .story .hoi-narrative .hoi-copy p{font-size:16px}
 .r09 .people .people-intro>div{column-gap:48px}
}
@media(max-width:760px){
 .r09 .story .hoi-narrative{display:contents}
 .r09 .story .story-location>.lantern-photo{order:1}
 .r09 .story .story-location .hoi-intro{order:0;margin:0}
 .r09 .story .story-location .hoi-copy{order:2}
 .r09 .story .story-location{margin-top:30px}
}
.r09 .people .profile-name{display:flex;align-items:baseline;gap:10px;justify-content:flex-start;min-width:0}
.r09 .people .profile-name h4{min-width:0}
.r09 .people .profile-name .linkedin{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-height:32px;padding:6px;margin:0;align-self:center;border:0;color:#A7CCD4;letter-spacing:normal}
.r09 .people .linkedin svg{display:block;width:16px;height:16px}
@media(max-width:760px){
 .r09 .people .profile-name{gap:6px}
 .r09 .people .profile-name .linkedin{flex-basis:28px;width:28px;height:32px;min-height:32px;padding:6px}
}
/* Narrow two-up cards keep names intact; the same icon sits directly below. */
@media(max-width:380px){
 .r09 .people .profile-name{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
 .r09 .people .profile-name .linkedin{justify-self:start}
}
@media(min-width:761px){.r09 .people .people-intro>div p:first-child{max-width:none;text-wrap:balance}}