.alpha-list {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0 0 4rem 0 !important;
  padding: 0;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}

.alpha-list a {
  display: block;
  text-align: center;
  background-color: #005596;
  color: #ffffff;
  padding: .1rem .25rem;
  width: 1.25rem;
  border-radius: .25rem;
  text-decoration: none;
  user-select: none;
}

.alpha-list a:focus,
.alpha-list a:hover {
  background-color: #002641;
  color: #ccc;
}

.alpha-list a.disabled {
  background-color: #cccccc;
  pointer-events: none;
}

.degree-jump-list {
  background: #ededed;
  padding: 1rem;
  margin: 0 0 2rem 0;
  border-radius: .25rem;
}

.degree-jump-list p {
  font-size: 1.25rem !important;
  color: #545454;
}

.jump-list {
  list-style: none;
  padding: 0;
  margin: 0;
  column-gap: 2rem;
  column-width: 50ch;
  column-fill: balance;
}

.jump-list li {
  margin-bottom: .5rem;
}

.degree {
  margin-bottom: 3rem;
}

.degree.accordion-item {
  margin-bottom: 0;
  border: none;
}

.degree .intro {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  margin: 0 0 3rem 0;
  font-family: gotham_bold, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  text-transform: unset;
  position: sticky;
  top: 0;
  background: #005596;
  z-index: 1;
  padding: .5rem;
  border-radius: .25rem;
}

.degree .intro h2 {
    margin: 0;
    color: #ffffff;
}

.degree .intro a {
  margin: 0 1rem 0 0;
  color: #ffffff;
  font-size: 1.25rem;
}

.degree .intro a:hover {
  color: #cccccc;
}

.jump-list {
  list-style: none;
  padding: 0;
  margin: 0 0 3rem;
  column-gap: 2rem;
  column-width: 50ch;
  column-fill: balance;
}

.jump-list li {
  margin-bottom: .5rem;
}

.degree .grad-list {
  list-style: none;
  padding-left: 0;
  column-gap: 2rem;
  column-width: 50ch;
  column-fill: balance;
  margin: 0;
  z-index: 0;
  position: relative;
}

.degree.accordion-item .grad-list {
  margin-bottom: 0;
}

.degree .grad {
  padding: 0 0 3rem 0;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

.degree .grad .head {
  color: #002641;
  margin: 0 0 .25rem 0;
  font-family: gotham_bold, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: .25rem;
  flex-wrap: wrap;
  font-size: 1.25rem;
}

.degree .grad .head h3 {
  font-size: 1.25rem;
  margin-bottom: 0;
}

.degree .grad .badge {
  background: #005596;
  color: #ffffff;
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .07em;
  border-radius: 3px;
  cursor: help;
  padding: 2px 12px 1px 4px;
  margin-right: 12px;
  text-wrap: nowrap;
  font-family: roboto, sans-serif;
  position: relative;
}

.degree .grad .badge::after {
  content: '';
  position: absolute;
  border: 2px solid #005596;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 100%;
  width: 18px;
  height: 18px;
  background: #005596;
}

.degree .grad .badge.gold::after {
  background: #ffd700;
  background: conic-gradient(#edc800, #e3b600, #f3cf00, #ffe800, #ffe900, #ffeb00, #ffe000, #ebc500, #e0b100, #f1cc00, #fcdc00, #ffe500, #fad900, #eec200, #e7b900, #f7d300, #ffe800, #ffe300, #f5d100, #e6b900, #e3b600, #f4d000, #ffe400, #ebc600, #e3b600, #f6d500, #ffe900, #ffe90a, #edc800) content-box, linear-gradient(#f6d600, #f6d600) padding-box, radial-gradient(rgba(120, 120, 120, 0.9), rgba(120, 120, 120, 0) 70%) 50% bottom/80% 0.46875em no-repeat border-box;
}

.degree .grad .badge.silver::after {
  background: #c0c0c0;
  background: conic-gradient(#d7d7d7, #c3c3c3, #cccccc, #c6c6c6, #d3d3d3, #d8d8d8, #d5d5d5, #d8d8d8, #d3d3d3, #c5c5c5, #c0c0c0, #bfbfbf, #d0d0d0, #d9d9d9, #d1d1d1, #c5c5c5, #c8c8c8, #d7d7d7, #d5d5d5, #cdcdcd, #c4c4c4, #d9d9d9, #cecece, #c5c5c5, #c5c5c5, #cdcdcd, #d8d8d8, #d9d9d9, #d7d7d7) content-box, linear-gradient(#d4d4d4, #d4d4d4) padding-box, radial-gradient(rgba(120, 120, 120, 0.9), rgba(120, 120, 120, 0) 70%) 50% bottom/80% 0.46875em no-repeat border-box;
}

.degree .grad .badge.bronze::after {
  background: #cd7f32;
  background: conic-gradient(#d95641, #b14439, #b2453a, #d25645, #d56847, #d05441, #b85137, #b2453a, #c34f40, #df4647, #a94338, #c94943, #c85442, #a4413c, #d9543a, #d1564e, #ab4338, #bb4a3c, #dc5843, #b94839, #aa4237, #c24e42, #ce523f, #ab4338, #dd5944, #ca4d33, #ab4338, #cb503e, #d95641) content-box, linear-gradient(#ad3b36, #ad3b36) padding-box, radial-gradient(rgba(120, 120, 120, 0.9), rgba(120, 120, 120, 0) 70%) 50% bottom/80% 0.46875em no-repeat border-box;
}

.degree .grad p {
  margin: 0;
  font-family: roboto, sans-serif;
  cursor: help;
  color: #2d2d2d;
  line-height: 1.25;
}

.degree .grad .dissertation {
  margin: .75rem 0 0 0;
  padding: .75rem;
  border-left: 2px solid #002641;
  font-style: italic;
  text-wrap: balance;
}

.icon {
  cursor: help;
  color: #002641;
}

.key-list {
	border-radius: .25rem;
	padding: 2rem 1rem 1rem 1rem;
	border: 1px solid #ededed;
	margin: 2rem 0;
	position: relative;
}

.key-list h2 {
	font-size: 13px;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	white-space: nowrap;
	background-color: #fff;
	padding: 0 5px;
	display: inline;
	position: absolute;
	top: -10px;
	left: 1rem;
}

.key-list ul.jump-list {
	margin-bottom: 0;
}

.key-list .icon {
	margin-right: 1rem;
	font-size: 1.25rem;
}

@media print {
	.no-print, .article-section .left-column, header, footer, nav, .degree .grad .badge::after {
		display: none;
	}

	.article-section .content-container .copy-container,
	.article-section .content-container {
		max-width: unset;
		padding: 0;
		display: block;
	}

	.degree .grad-list {
		column-width: 45ch;
	}
}