.wp-site-blocks > .daimyo-hr-front-page {
  margin-block-start: var(--spacing-md);
}


.daimyo-hr-front-page .daimyo-hr-columns {
  --daimyo-hr-columns-side-width: 17.875rem;
}


.daimyo-hr-front-page .daimyo-hr-columns__side {
  padding-inline: var(--spacing-md);
}


.daimyo-hr-content {
  box-sizing: border-box;
  margin-inline: auto;
}


.daimyo-hr-front-page .daimyo-hr-columns__main > * + * {
  margin-block-start: 3rem; 
}


.daimyo-hr-front-page > .daimyo-hr-front-page__band {
  margin-block-start: 0;
}


.daimyo-hr-front-page__band--issues {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  padding-block: var(--spacing-lg);
  background-color: var(--color-background-brand-subtler);
}


.daimyo-hr-front-page .daimyo-hr-front-page__band--issues > * {
  margin-block-start: 0;
}


.daimyo-hr-front-page__band--tools {
  margin-inline: var(--spacing-md);
  padding-block: var(--spacing-lg);
  background-color: var(--color-background-subtler);
}


.daimyo-hr-front-page .daimyo-hr-newsletter-cta {
  margin-inline: var(--spacing-md);
}


.daimyo-hr-front-page > .daimyo-hr-front-page__band--issue-tags {
  margin-block-start: var(--spacing-xxl); 
  padding-bottom: var(--spacing-xxl); 
  background-color: var(--color-background-subtler);
}


.daimyo-hr-front-page__band:not(:has(section)) {
  display: none;
}


.daimyo-hr-front-page:not(:has(#issue-tags))
.daimyo-hr-front-page__issue-anchor {
  display: none;
}


.daimyo-hr-front-page + footer {
  margin-block-start: 0;
}


.daimyo-hr-front-page__issue-anchor .wp-block-button__link {
  display: inline-flex;
  gap: var(--spacing-xxs);
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 22.375rem; 
  max-width: 100%;
}


.daimyo-hr-front-page__issue-anchor .wp-block-button__link::after {
  flex: none;
  width: var(--icon-size-md);
  height: var(--icon-size-md);
  background-color: currentcolor;
  content: "";
  mask:
    url("../images/icons/circle-chevron-down.svg") no-repeat center / contain;
}

@media (width >= 36em) {
  .daimyo-hr-front-page .daimyo-hr-columns__main > * + * {
    margin-block-start: 2.5rem; 
  }
}

@media (width >= 66.25em) {
  
  .daimyo-hr-content {
    max-width: 77.5rem; 
  }

  .daimyo-hr-front-page .daimyo-hr-columns__side {
    padding-inline: var(--spacing-none);
  }
}