.list.full-width {
   padding-top: 2rem;
   padding-bottom: 2rem;
}
.list .list-header-container {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
   margin-bottom: 2rem;
}
.list h1 {
   font-weight: 500;
   font-size: var(--text-3xl);
   color: var(--base-emphasis);
   padding-bottom: 1.5rem;
}
.list .list-sub-links-container {
   display: flex;
   flex-wrap: wrap;
   padding-bottom: .75rem;
}
.list .list-sub-links-container li:not(:last-of-type)::after {
   content: '|';
   padding: 0 1rem;
   color: var(--base-mute)
}
.list .list-sub-link {
   color: var(--base-emphasis);
   text-decoration: none;
   text-shadow: none;
   font-family: var(--emphasis-font);
}
.list .list-sub-link:hover {
   text-shadow: 0 0 1px var(--base-emphasis);
}
.list .list-sub-link-count {
   color: var(--base-mute);
   font-size: var(--text-xs);
   font-family: var(--body-font);
}
.list .marc-records {
   font-size: var(--text-sm);
   color: var(--base-mute);
}
.list .marc-records a {
   color: var(--base-emphasis);
   text-shadow: 0 0 0 none;
}
.list .marc-records a:hover {
   text-shadow: 0 0 1px var(--base-emphasis);
}
.list .newsletter-signup p {
	padding-bottom: 1rem;
	line-height: 1.25;
	text-align: left;
   color: var(--base-mute)
}
.list .newsletter-form {
	display: flex;
	width: 100%;
	gap: .25rem;
}
.list .newsletter-input {
	width: 16rem;
	height: 2.5rem;
	padding: 0 1rem;
	color: var(--base-mute);
	font-size: var(--text-sm);
}
.list .newsletter-button {
	font-size: var(--text-sm);
	border: 2px solid var(--base-mute);
	background-color: transparent;
	color: var(--base-emphasis);
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0 .75rem;
	height: 2.5rem;
}
.list .footer-newsletter-button:hover {
	border: 2px solid var(--base-content);
	background-color: var(--base-01);
	text-shadow: 0 0 1px var(--base-emphasis);
}
.list .list-heading {
   width: fit-content;
   min-width: 2.5rem;
   margin-bottom: 1.5rem;
   font-weight: 600;
   font-size: var(--text-2xl);
   display: flex;
   justify-content: center;
   border-bottom: 1px solid var(--base-mute);
}
.list .list-container > li:not(:last-of-type) {
   margin-bottom: 3rem;
}
.list .list-container ul li:not(:last-of-type) {
   padding-bottom: .75rem;
}
.list .list-container ul li a {
   text-decoration: none;
   text-shadow: 0 0 0 none;
   color: var(--base-content);
   padding-bottom: .125rem;
   border-bottom: 1px solid transparent;
}
.list .list-container ul li a:hover {
   text-shadow: 0 0 1 var(--base-emphasis);
   color: var(--base-emphasis);
   border-bottom: 1px solid var(--base-mute);
}
@media only screen and (min-width: 360px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 500px) {
   .list .list-container {
      columns: 2;
      column-gap: 2rem;
      width: 100%;
   }
   .list .list-container > li {
      break-inside: avoid;
   }
 }
 
 @media only screen and (min-width: 640px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 768px) {
   .list .list-header-container {
      flex-direction: row;
      align-items: flex-end;
      width: 100%;
   }
   .list .header-sub-links-container {
      flex-grow: 1;
   }
   .list .newsletter-signup {
      flex-shrink: 0;
   }
   .list .list-container {
      columns: 3;
   }
   .list .list-container > li.break-after {
	break-after: column;
   }

}

 @media only screen and (min-width: 1024px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 1280px) {
   /* CSS rules */
 }
 
 @media only screen and (min-width: 1536px) {
   /* CSS rules */
 }