.daimyo-hr-archive {
  box-sizing: border-box;
  margin-inline: auto;
  
  max-width: 66.25rem;
  padding-block-start: 2.5rem; 
  padding-inline: var(--spacing-md);
}

.wp-block-group.daimyo-hr-archive > *,
.daimyo-hr-archive .daimyo-hr-archive__query > *,
.daimyo-hr-archive .daimyo-hr-archive__list > li {
  margin-block: 0;
}


.daimyo-hr-archive .daimyo-hr-archive__title {
  margin: 0;
  color: var(--color-text-brand);
  font-size: var(--typography-heading-md-font-size);
  font-weight: var(--typography-heading-md-font-weight);
  letter-spacing: var(--typography-heading-md-letter-spacing);
  line-height: var(--typography-heading-md-line-height);
  text-align: center;
}


.daimyo-hr-archive .daimyo-hr-archive__description {
  margin-block-start: var(--spacing-md);
  font-size: var(--typography-body-sm-font-size);
  font-weight: var(--typography-body-sm-font-weight);
  letter-spacing: var(--typography-body-sm-letter-spacing);
  line-height: var(--typography-body-sm-line-height);
}


.daimyo-hr-archive__description > :first-child {
  margin-block-start: 0;
}

.daimyo-hr-archive__description > :last-child {
  margin-block-end: 0;
}

.daimyo-hr-archive .daimyo-hr-archive__list {
  display: grid;
  gap: var(--spacing-lg);
  margin-block-start: 2.5rem; 
}


.daimyo-hr-archive__list .daimyo-blocks-post-card {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr); 
  gap: var(--spacing-xs) var(--spacing-sm);
  align-items: start;
}

.daimyo-hr-archive__list .daimyo-blocks-post-card__body {
  display: contents;
}

.daimyo-hr-archive__list .daimyo-blocks-post-card__labels {
  grid-column: 1 / -1;
}


.daimyo-hr-archive .daimyo-hr-archive__no-results {
  margin-block-start: var(--spacing-xxl);
  padding-block: 2.5rem; 
  padding-inline: var(--spacing-md);
  background-color: var(--color-background-subtler);
  text-align: center;
}

.daimyo-hr-archive__no-results > :first-child {
  margin-block-start: 0;
}

.daimyo-hr-archive__no-results > :last-child {
  margin-block-end: 0;
}


.daimyo-hr-archive .daimyo-hr-archive__pagination {
  gap: var(--spacing-xs);
  align-items: center;
  justify-content: center;
  margin-block-start: 2.5rem; 
}

.daimyo-hr-archive__pagination .wp-block-query-pagination-numbers {
  display: flex;
  gap: var(--spacing-sm);
  align-items: center;
}

.daimyo-hr-archive__pagination .page-numbers {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  
  min-width: 2.5rem;
  min-height: 2.5rem;
  border: var(--border-width-md) solid var(--color-button-outlined-line);
  border-radius: var(--border-radius-md);
  color: var(--color-button-outlined-line);
  font-size: var(--typography-label-sm-font-size);
  font-weight: var(--typography-label-sm-font-weight);
  letter-spacing: var(--typography-label-sm-letter-spacing);
  line-height: var(--typography-label-sm-line-height);
  text-decoration: none;
}

.daimyo-hr-archive__pagination a.page-numbers:hover {
  background-color: var(--color-button-outlined-hovered);
}

.daimyo-hr-archive__pagination .page-numbers.current {
  border-color: var(--color-button-normal-enabled);
  background-color: var(--color-button-normal-enabled);
  color: var(--color-text-inverse);
}


.daimyo-hr-archive__pagination .page-numbers.dots {
  min-width: 0;
  min-height: 0;
  border: none;
  color: var(--color-text-disabled);
}

.daimyo-hr-archive__pagination .wp-block-query-pagination-previous,
.daimyo-hr-archive__pagination .wp-block-query-pagination-next {
  display: flex;
  gap: var(--spacing-xxs);
  align-items: center;
  margin: 0; 
  color: var(--color-text-default);
  font-size: var(--typography-label-sm-font-size);
  font-weight: var(--typography-label-sm-font-weight);
  letter-spacing: var(--typography-label-sm-letter-spacing);
  line-height: var(--typography-label-sm-line-height);
  text-decoration: underline;
}


.daimyo-hr-archive__pagination .wp-block-query-pagination-previous::before,
.daimyo-hr-archive__pagination .wp-block-query-pagination-next::after {
  flex: none;
  content: "";
  width: var(--icon-size-lg);
  height: var(--icon-size-lg);
  background-color: currentcolor;
  mask: url("../images/icons/angle-right.svg") no-repeat center / contain;
}


.daimyo-hr-archive__pagination .wp-block-query-pagination-previous::before {
  transform: scaleX(-1);
}


.daimyo-hr-archive .daimyo-blocks-issue-tag-list--highlighted {
  margin-block-start: var(--spacing-xxl); 
}


.daimyo-hr-archive .daimyo-hr-newsletter-cta {
  margin-block-start: var(--spacing-xl); 
}

@media (width >= 36em) {
  .daimyo-hr-archive .daimyo-hr-archive__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  
  .daimyo-hr-archive__list .daimyo-blocks-post-card {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    align-items: stretch;
  }

  .daimyo-hr-archive__list .daimyo-blocks-post-card__body {
    display: flex;
  }
}

@media (width >= 66.25em) {
  .daimyo-hr-archive .daimyo-hr-archive__title {
    font-size: var(--typography-heading-lg-font-size);
    font-weight: var(--typography-heading-lg-font-weight);
    letter-spacing: var(--typography-heading-lg-letter-spacing);
    line-height: var(--typography-heading-lg-line-height);
  }

  .daimyo-hr-archive .daimyo-hr-archive__list {
    margin-block-start: var(--spacing-xxl);
  }

  
  .daimyo-hr-archive__list .daimyo-blocks-post-card {
    flex-direction: row;
    align-items: center;
  }

  .daimyo-hr-archive__list .daimyo-blocks-post-card__thumbnail {
    flex: 1 0 0;
    min-width: 0;
  }

  .daimyo-hr-archive .daimyo-hr-archive__pagination {
    margin-block-start: var(--spacing-xxxl);
  }

  
  .daimyo-hr-archive .daimyo-hr-newsletter-cta {
    max-width: 55.625rem;
    margin-inline: auto;
  }
}