/* See cuhk-application-card-sticky.php for the full mechanism - top/left/
   width/bottom are all set inline by sticky.js (they depend on the
   column's live, scroll-position-dependent geometry), this file only
   covers what's constant regardless of state. */
.cuhk-application-card--fixed {
	z-index: 10; /* stay above ordinary content flowing underneath it */
	margin: 0; /* the column's own layout margin would otherwise double up with `top` */
}
.cuhk-application-card--released {
	position: absolute;
	bottom: 0;
	/* sticky.js deliberately clears the inline width it sets while --fixed
	   (a live snapshot of the column's width at that moment, which would
	   go stale here) - without a replacement, an absolutely positioned
	   block with no explicit width/left/right shrinks to fit its own
	   content instead of filling its containing block (the column,
	   position:relative per sticky.js), squeezing the card noticeably
	   narrower right at the point it releases. box-sizing is border-box
	   here (confirmed), so 100% correctly includes the card's own
	   padding, matching exactly what the inline width would have been. */
	width: 100%;
}