:root {
  --button-background: var(--color-brand-orange);
  --button-color: var(--color-text-primary);
  --button-secondary-color: var(--color-text-primary);
  --button-secondary-hover-color: var(--color-text-secondary);
  --button-secondary-hover-background: var(--color-brand-black);
  --button-hover-color: var(--color-text-primary);
}

.block__anatomy-post-list {
  padding: var(--spacing-lg) 0;
  padding-top: var(--spacing-xl);
  display: flex;
  justify-content: center;
}
.block__anatomy-post-list .wrapper {
  width: 100%;
  max-width: var(--container-xl-max-width);
  padding: 0 calc(var(--spacing-lg) - var(--container-padding));
}
.block__anatomy-post-list .wrapper .top {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  align-items: end;
}
.block__anatomy-post-list .wrapper .top .titles {
  max-width: 940px;
  width: 100%;
  gap: 32px;
  display: flex;
  flex-direction: column;
}
.block__anatomy-post-list .wrapper .top .titles h2 {
  font: var(--type-h1);
}
.block__anatomy-post-list .wrapper .top .titles h4 {
  font: var(--type-h4);
}
.block__anatomy-post-list .wrapper .top .titles p {
  font: var(--type-b1);
}
.block__anatomy-post-list .wrapper .top .cta {
  margin-left: auto;
  padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd);
  display: inline-block;
  white-space: nowrap;
  font: var(--type-b1);
  background-color: var(--button-background);
  border-radius: 21px;
  border: 2px solid var(--button-background);
  color: var(--color-text-primary);
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}
@media screen and (max-width: 768px) {
  .block__anatomy-post-list .wrapper .top .cta {
    padding: calc(var(--spacing-xs)) var(--spacing-sm);
    border-radius: 12px;
  }
}
.block__anatomy-post-list .wrapper .top .cta:hover {
  background-color: transparent;
  color: var(--button-hover-color);
}
.block__anatomy-post-list .wrapper .top .taxonomies {
  margin-left: auto;
  width: 100%;
  max-width: 100%;
  display: flex;
}
.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy {
  margin-left: auto;
}
.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
}
.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a.active {
  padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd);
  display: inline-block;
  white-space: nowrap;
  font: var(--type-b1);
  background-color: var(--button-background);
  border-radius: 21px;
  border: 2px solid var(--button-background);
  color: var(--color-text-primary);
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}
@media screen and (max-width: 768px) {
  .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a.active {
    padding: calc(var(--spacing-xs)) var(--spacing-sm);
    border-radius: 12px;
  }
}
.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a.active:hover {
  background-color: transparent;
  color: var(--button-hover-color);
}
.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a:not(.active) {
  padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd);
  display: inline-block;
  white-space: nowrap;
  font: var(--type-b1);
  background-color: var(--button-background);
  border-radius: 21px;
  border: 2px solid var(--button-background);
  color: var(--color-text-primary);
  transition: background 0.3s, color 0.3s, border-color 0.3s;
  background-color: transparent;
  color: var(--button-secondary-color);
  border-color: var(--button-secondary-color);
}
@media screen and (max-width: 768px) {
  .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a:not(.active) {
    padding: calc(var(--spacing-xs)) var(--spacing-sm);
    border-radius: 12px;
  }
}
.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a:not(.active):hover {
  background-color: transparent;
  color: var(--button-hover-color);
}
.block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul li a:not(.active):hover {
  background-color: var(--button-secondary-hover-background);
  color: var(--button-secondary-hover-color);
  border-color: var(--button-secondary-hover-background);
}
.block__anatomy-post-list .wrapper .posts {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.block__anatomy-post-list .wrapper .posts .post {
  display: block;
  border-radius: 10px;
  border: 1px solid var(--color-brand-black);
  min-height: 158px;
}
.block__anatomy-post-list .wrapper .posts .post:hover {
  background: var(--color-brand-neutral-light);
}
.block__anatomy-post-list .wrapper .posts .post .wrapper {
  display: flex;
  padding: var(--spacing-sm);
  padding-left: var(--spacing-md);
  min-height: 158px;
  height: 100%;
}
.block__anatomy-post-list .wrapper .posts .post .wrapper:has(.date-abbr) {
  padding-left: 0;
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .date-abbr {
  margin-left: -1px;
  background: var(--color-brand-orange);
  margin-top: calc(var(--spacing-sm) * -1 - 1px);
  margin-bottom: calc(var(--spacing-sm) * -1 - 1px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm);
  border-radius: 10px 0 0 10px;
  min-height: 100%;
  width: 158px;
  margin-right: var(--spacing-sm);
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .date-abbr .month {
  font: var(--type-h2);
  text-transform: uppercase;
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .date-abbr .year {
  font: var(--type-b2);
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .h4-holder {
  display: flex;
  align-items: center;
  max-width: calc(50% - var(--spacing-sm) - 158px);
  width: 100%;
  padding-right: 80px;
  border-right: 1px solid var(--color-brand-black);
  margin-right: var(--spacing-md);
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .h4-holder h4 {
  font: var(--type-h2);
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-xs);
  font: var(--type-b2);
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .info > * {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .info > *:empty {
  display: none;
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .info > *::before {
  content: "";
  width: 28px;
  height: 28px;
  display: inline-block;
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .info .date::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNOC4yMzMwNyAxMy41NDY5SDEwLjU2NjRWMTUuODgwMkg4LjIzMzA3VjEzLjU0NjlaTTguMjMzMDcgMTguMjEzNUgxMC41NjY0VjIwLjU0NjlIOC4yMzMwN1YxOC4yMTM1Wk0xMi44OTk3IDEzLjU0NjlIMTUuMjMzMVYxNS44ODAySDEyLjg5OTdWMTMuNTQ2OVpNMTIuODk5NyAxOC4yMTM1SDE1LjIzMzFWMjAuNTQ2OUgxMi44OTk3VjE4LjIxMzVaTTE3LjU2NjQgMTMuNTQ2OUgxOS44OTk3VjE1Ljg4MDJIMTcuNTY2NFYxMy41NDY5Wk0xNy41NjY0IDE4LjIxMzVIMTkuODk5N1YyMC41NDY5SDE3LjU2NjRWMTguMjEzNVoiIGZpbGw9IiNGRjU3MDAiLz4KICA8cGF0aCBkPSJNNS44OTk3NCAyNi4zODAySDIyLjIzMzFDMjMuNTE5OSAyNi4zODAyIDI0LjU2NjQgMjUuMzMzNyAyNC41NjY0IDI0LjA0NjlWNy43MTM1NEMyNC41NjY0IDYuNDI2NzEgMjMuNTE5OSA1LjM4MDIxIDIyLjIzMzEgNS4zODAyMUgxOS44OTk3VjMuMDQ2ODhIMTcuNTY2NFY1LjM4MDIxSDEwLjU2NjRWMy4wNDY4OEg4LjIzMzA3VjUuMzgwMjFINS44OTk3NEM0LjYxMjkxIDUuMzgwMjEgMy41NjY0MSA2LjQyNjcxIDMuNTY2NDEgNy43MTM1NFYyNC4wNDY5QzMuNTY2NDEgMjUuMzMzNyA0LjYxMjkxIDI2LjM4MDIgNS44OTk3NCAyNi4zODAyWk0yMi4yMzMxIDEwLjA0NjlMMjIuMjM0MiAyNC4wNDY5SDUuODk5NzRWMTAuMDQ2OUgyMi4yMzMxWiIgZmlsbD0iI0ZGNTcwMCIvPgo8L3N2Zz4=");
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .info .location::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOSIgaGVpZ2h0PSIyOSIgdmlld0JveD0iMCAwIDI5IDI5IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTQuMDY1OCAxNy4wNDY5QzE2LjYzOTUgMTcuMDQ2OSAxOC43MzI1IDE0Ljk1MzkgMTguNzMyNSAxMi4zODAyQzE4LjczMjUgOS44MDY1NCAxNi42Mzk1IDcuNzEzNTQgMTQuMDY1OCA3LjcxMzU0QzExLjQ5MjIgNy43MTM1NCA5LjM5OTE2IDkuODA2NTQgOS4zOTkxNiAxMi4zODAyQzkuMzk5MTYgMTQuOTUzOSAxMS40OTIyIDE3LjA0NjkgMTQuMDY1OCAxNy4wNDY5Wk0xNC4wNjU4IDEwLjA0NjlDMTUuMzUyNyAxMC4wNDY5IDE2LjM5OTIgMTEuMDkzNCAxNi4zOTkyIDEyLjM4MDJDMTYuMzk5MiAxMy42NjcgMTUuMzUyNyAxNC43MTM1IDE0LjA2NTggMTQuNzEzNUMxMi43NzkgMTQuNzEzNSAxMS43MzI1IDEzLjY2NyAxMS43MzI1IDEyLjM4MDJDMTEuNzMyNSAxMS4wOTM0IDEyLjc3OSAxMC4wNDY5IDE0LjA2NTggMTAuMDQ2OVoiIGZpbGw9IiNGRjU3MDAiLz4KICA8cGF0aCBkPSJNMTMuMzg5MiAyNi4xNjMyQzEzLjU4NjYgMjYuMzA0MiAxMy44MjMyIDI2LjM4IDE0LjA2NTkgMjYuMzhDMTQuMzA4NSAyNi4zOCAxNC41NDUxIDI2LjMwNDIgMTQuNzQyNSAyNi4xNjMyQzE1LjA5NzIgMjUuOTEyNCAyMy40MzMgMTkuODkzNSAyMy4zOTkyIDEyLjM4MDJDMjMuMzk5MiA3LjIzNDA0IDE5LjIxMiAzLjA0Njg4IDE0LjA2NTkgMy4wNDY4OEM4LjkxOTY5IDMuMDQ2ODggNC43MzI1MiA3LjIzNDA0IDQuNzMyNTIgMTIuMzc0NEM0LjY5ODY5IDE5Ljg5MzUgMTMuMDM0NSAyNS45MTI0IDEzLjM4OTIgMjYuMTYzMlpNMTQuMDY1OSA1LjM4MDIxQzE3LjkyNjQgNS4zODAyMSAyMS4wNjU5IDguNTE5NzEgMjEuMDY1OSAxMi4zODZDMjEuMDkwNCAxNy41NjM3IDE1Ljk0NjUgMjIuMjEyOSAxNC4wNjU5IDIzLjczNzdDMTIuMTg2NCAyMi4yMTE3IDcuMDQxMzYgMTcuNTYxNCA3LjA2NTg2IDEyLjM4MDJDNy4wNjU4NiA4LjUxOTcxIDEwLjIwNTQgNS4zODAyMSAxNC4wNjU5IDUuMzgwMjFaIiBmaWxsPSIjRkY1NzAwIi8+Cjwvc3ZnPg==");
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .cta {
  margin-left: auto;
  align-self: center;
  padding: calc(var(--spacing-sm) - 6px) var(--spacing-smd);
  display: inline-block;
  white-space: nowrap;
  font: var(--type-b1);
  background-color: var(--button-background);
  border-radius: 21px;
  border: 2px solid var(--button-background);
  color: var(--color-text-primary);
  transition: background 0.3s, color 0.3s, border-color 0.3s;
  background-color: transparent;
  color: var(--button-secondary-color);
  border-color: var(--button-secondary-color);
  border-color: var(--color-brand-orange);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
@media screen and (max-width: 768px) {
  .block__anatomy-post-list .wrapper .posts .post .wrapper .cta {
    padding: calc(var(--spacing-xs)) var(--spacing-sm);
    border-radius: 12px;
  }
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .cta:hover {
  background-color: transparent;
  color: var(--button-hover-color);
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .cta:hover {
  background-color: var(--button-secondary-hover-background);
  color: var(--button-secondary-hover-color);
  border-color: var(--button-secondary-hover-background);
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .cta::after {
  content: "";
  width: 15.5px;
  height: 15.5px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE1IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTQuMDY1OSA3LjcwNDY5TDAuNjk3MjY2IDE1LjQyNzdMMC42OTcyNjUgLTAuMDAyOTEyNTJMMTQuMDU4MSA3LjcwNDY5TDE0LjA2NTkgNy43MDQ2OVoiIGZpbGw9IiNGRjU3MDAiLz4KPC9zdmc+") no-repeat center center;
  transition: transform 0.3s;
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .cta:hover {
  background-color: var(--button-secondary-hover-background);
  color: var(--button-secondary-hover-color);
  border-color: var(--button-secondary-hover-background);
}
.block__anatomy-post-list .wrapper .posts .post .wrapper .cta:hover::after {
  transform: translateX(5px);
}
.block__anatomy-post-list .wrapper .posts .post:hover .wrapper .cta {
  background-color: var(--button-secondary-hover-background);
  color: var(--button-secondary-hover-color);
  border-color: var(--button-secondary-hover-background);
}
.block__anatomy-post-list .wrapper .posts .post:hover .wrapper .cta::after {
  transform: translateX(5px);
}
@media screen and (max-width: 768px) {
  .block__anatomy-post-list .wrapper .posts .post {
    min-height: 0px;
  }
  .block__anatomy-post-list .wrapper .posts .post .wrapper {
    min-height: 0px;
    padding: var(--spacing-sm);
  }
  .block__anatomy-post-list .wrapper .posts .post .wrapper .h4-holder {
    max-width: 100% !important;
    padding-right: 0;
    border-right: none;
    margin-right: 0;
  }
  .block__anatomy-post-list .wrapper .posts .post .wrapper .info {
    display: none;
  }
  .block__anatomy-post-list .wrapper .posts .post .wrapper .cta {
    font-size: 0;
    width: 26px;
    height: 26px;
    max-width: 26px;
    max-height: 26px;
    min-width: 26px;
    min-height: 26px;
    padding: 0;
    border-radius: 7px;
    border: none;
    background: var(--color-brand-orange);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDE0IDExIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNDg2ODcgMTAuNDI3MUM4LjIyMTE3IDEwLjE0NzcgOC4yMjExNyA5LjY5NDU4IDguNDg2ODcgOS40MTUxM0wxMS40MDc2IDYuMzQzMTZMMC44MDM2MzkgNi4zNDMxN0MwLjQyNzg4OCA2LjM0MzE3IDAuMTIzMjggNi4wMjI3OCAwLjEyMzI4IDUuNjI3NTdDMC4xMjMyOCA1LjIzMjM2IDAuNDI3ODg3IDQuOTExOTggMC44MDM2MzkgNC45MTE5OEwxMS40MDc2IDQuOTExOThMOC40ODY4NyAxLjg0MDAyQzguMjIxMTcgMS41NjA1NiA4LjIyMTE3IDEuMTA3NDcgOC40ODY4NyAwLjgyODAxOEM4Ljc1MjU2IDAuNTQ4NTYxIDkuMTgzMzQgMC41NDg1NjEgOS40NDkwNCAwLjgyODAxOEwxMy41MzEyIDUuMTIxNTdDMTMuNzk2OSA1LjQwMTAzIDEzLjc5NjkgNS44NTQxMiAxMy41MzEyIDYuMTMzNTdMOS40NDkwNCAxMC40MjcxQzkuMTgzMzQgMTAuNzA2NiA4Ljc1MjU2IDEwLjcwNjYgOC40ODY4NyAxMC40MjcxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+");
    background-repeat: no-repeat;
    background-position: center;
  }
  .block__anatomy-post-list .wrapper .posts .post .wrapper .cta:hover {
    background-color: var(--color-brand-orange) !important;
  }
  .block__anatomy-post-list .wrapper .posts .post .wrapper .cta::after {
    display: none;
  }
  .block__anatomy-post-list .wrapper .posts .post .wrapper:hover .cta:hover {
    background-color: var(--color-brand-orange) !important;
  }
  .block__anatomy-post-list .wrapper .posts .post:hover {
    background: none;
  }
}
.block__anatomy-post-list.hide-date-1 .wrapper .posts .post {
  padding-left: var(--spacing-md);
}
.block__anatomy-post-list.hide-date-1 .wrapper .posts .post .date-abbr {
  display: none;
}
.block__anatomy-post-list.hide-date-1 .wrapper .posts .post .h4-holder {
  max-width: 50%;
}
@media screen and (max-width: 768px) {
  .block__anatomy-post-list {
    padding: var(--spacing-md) 0;
    padding-bottom: var(--spacing-lg);
  }
  .block__anatomy-post-list.hide-date-1 .wrapper .posts .post {
    padding-left: var(--spacing-sm);
  }
  .block__anatomy-post-list .wrapper {
    gap: var(--spacing-md);
    padding: 0;
  }
  .block__anatomy-post-list .wrapper .top {
    padding: 0;
    flex-direction: column;
    gap: var(--spacing-sm);
    align-items: center;
    margin-bottom: var(--spacing-md);
  }
  .block__anatomy-post-list .wrapper .top > * {
    max-width: 100%;
  }
  .block__anatomy-post-list .wrapper .top .titles {
    text-align: center;
    gap: var(--spacing-sm);
  }
  .block__anatomy-post-list .wrapper .top .cta {
    margin-left: 0;
  }
  .block__anatomy-post-list .wrapper .top .taxonomies .taxonomy ul {
    justify-content: center;
  }
}