#keyLink a{
	display:block;
	position:fixed;
	bottom:25px;
	right: 25px;
	background-color:#002f86;
	padding: 0.875rem 1.875rem;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 1.125rem;
	transition: background-color 0.25s;
    border-radius: 10px;
    border-radius: 0.625rem;
 }
 #keyLink a:hover{
	 background:#0173bf;
 }

 .study_link_title {
	font-weight: 400;
 }

 .joelBristol {
	display: inline-block;
	width: 16px;
	min-width: 16px;
 }

 table.key {
	max-width: 60%;
	margin: 0 auto;
 }

 /* Single-line symbol key, centred above the donor list. Wraps to additional centred lines
    rather than scrolling or shrinking, so every entry stays readable at narrow widths. */
 .key_inline {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem 1.5rem;
	list-style: none;
	max-width: 60%;
	margin: 0 auto 1.5rem;
	padding: 0;
 }
 .key_inline li {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	white-space: nowrap;
	font-size: 0.9rem;
 }
 /* Site CSS sets `margin: 30px 0` on ul inside .study_inner, which beats a bare
    `.key_inline { margin: 0 auto }` and left-aligns the row. Raise specificity to centre it. */
 .study_inner ul.key_inline {
	margin-left: auto;
	margin-right: auto;
 }
 .key_inline .keysymbol {
	font-weight: 700;
 }
 .key_inline img.joelBristol {
	height: 1em;
	width: auto;
 }

 @media (max-width: 640px) {
	.key_inline {
		max-width: 100%;
		gap: 0.4rem 1rem;
		font-size: 0.85rem;
	}
 }


 .bottomtext {
	max-width: 60%;
	margin: 0 auto;
	text-align: center;
 }

 .study {
	margin: 0;
 }
 .study_header {
	background-color: #f4f4f4;
	margin: 0;
	/* text-align: center; */
 }

@media only screen and (max-width : 767px) {
	table.key {
		max-width: 80%;
		margin: 0 auto;
	}

	.bottomtext {
		max-width: 80%;
		margin: 0 auto;
		text-align: center;
	}

}