/* The selected portrait is highlighted across its entire circular image. */
.person{isolation:isolate}
.person::after{content:"";position:absolute;top:3px;left:50%;width:64px;height:64px;transform:translateX(-50%);border-radius:50%;background:rgba(110,246,122,.36);box-shadow:inset 0 0 0 3px #6ef67a;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1}
.person.active::after{opacity:0}
.person.active{background:transparent}
.person.active img{box-shadow:0 0 0 1px #2966ea35}
.person.active span{text-decoration-line:underline;text-decoration-color:#6ef67a;text-decoration-thickness:3px;text-underline-offset:3px}
.person img.roomy-photo{object-position:50% 0%;padding-top:5px;background:#b65732}
#portrait.roomy-photo{object-position:50% 0%;padding-top:28px;background:#b65732}
/* Allow every full name to wrap without clipping into the next row. */
#grid{row-gap:10px}
.person img{width:60px;height:60px}
.person::after{width:60px;height:60px}
.person span{display:block;overflow:visible;-webkit-line-clamp:unset;line-height:1.18;font-size:8.4px;margin-top:5px;overflow-wrap:anywhere}
.layout{padding-bottom:14px}
.grid-heading{padding-bottom:12px}