/* Plain office listings: no landmark imagery or animated panoramas. */
.rep summary{min-height:94px;align-items:center}
.home-page #home-talk{padding-top:0}
.rep summary:focus-visible{outline:2px solid #bd2630;outline-offset:6px}
@media(max-width:600px){
 .rep summary{min-height:62px;font-size:clamp(24px,5.5vw,32px);gap:8px}
 .rep time{font-size:11px}
 .rep small{left:0;top:calc(100% + 4px);font-size:10px;padding:2px 5px}
 .rep-list{margin-bottom:48px}
 .home-page #home-talk{padding-bottom:65px}
}
.representatives .rep-info{animation:none}
.representatives .rep summary{transition:none}

/* Toronto's disclosure sits in the existing whitespace below the last row. */
.rep[data-city="toronto"]{position:relative}
.representatives .rep[data-city="toronto"]>summary{cursor:pointer!important}
.rep[data-city="toronto"] #toronto-status{
 left:auto;right:0;top:calc(100% + 8px);
 color:var(--ink);
 opacity:0;visibility:hidden;pointer-events:none;
 transform:translateY(8px);
 transition:opacity 200ms ease,transform 200ms ease,visibility 0s linear 200ms;
}
.rep[data-city="toronto"][open] #toronto-status{
 opacity:1;visibility:visible;transform:translateY(0);
 transition-delay:0s;
}
@media(prefers-reduced-motion:reduce){
 .rep[data-city="toronto"] #toronto-status{transition:none;transform:none}
}