/* Issue tracker fixes: keep these overrides after style.css. */
.haruta-text-link {
  color: var(--color-navy);
  text-decoration: underline;
  text-underline-offset: .2em;
  overflow-wrap: anywhere;
}
.haruta-text-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
.l-header__nav-item--parent[data-history-closed] .l-header__dropdown {
  opacity: 0;
  visibility: hidden;
}
.l-header__nav-item--parent[data-history-closed] .l-header__nav-caret {
  rotate: 0deg;
}
/* Reserve the measured fixed bar height, including its bottom offset. */
.l-footer {
  padding-bottom: var(--haruta-cvbar-space, 120px);
}

/* News uses a readable width and type size instead of scaling with the artwork. */
.p-archive.l-container {
  width: min(calc(100% - 32px), 1120px);
  margin-inline: auto;
  padding-block: clamp(160px, 15vw, 216px) 80px;
}
.p-archive--single.l-container {
  max-width: 1120px;
}
.p-archive__heading {
  font-size: clamp(26px, 3vw, 40px);
  overflow-wrap: anywhere;
}
.p-archive__content {
  margin-top: 32px;
  padding: clamp(20px, 4vw, 40px);
  font-size: 16px;
  line-height: 2;
  overflow-wrap: anywhere;
}
.p-archive__content > :last-child {
  margin-bottom: 0;
}
.p-archive__content img,
.p-archive__content video,
.p-archive__content iframe {
  max-width: 100%;
}
.p-archive__content img {
  height: auto;
}
.p-archive__content a {
  text-decoration: underline;
  text-underline-offset: .2em;
}
.p-archive__list {
  margin-top: 32px;
  padding: 16px clamp(20px, 4vw, 40px);
}
.p-archive__link {
  gap: 12px 24px;
  padding-block: 24px;
}
.p-archive__date {
  flex-shrink: 0;
  font-size: 15px;
}
.p-archive__cat {
  flex-shrink: 0;
  height: auto;
  min-height: 24px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.p-archive__meta {
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-bottom: 20px;
}
.p-archive__title {
  font-size: 16px;
  overflow-wrap: anywhere;
}
.p-archive__back,
.p-archive__pagination,
.p-archive__empty {
  margin-top: 32px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .p-archive__link {
    flex-wrap: wrap;
  }
  .p-archive__title {
    flex-basis: 100%;
  }
}