/* Final archive cleanup: desktop only. */
@media (min-width: 761px) {
  .archive-system-page {
    overflow-x: hidden !important;
  }

  .archive-system-inner {
    max-width: 1060px !important;
  }

  .archive-chronology {
    display: grid !important;
    gap: 0 !important;
  }

  .archive-row {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) 150px !important;
    gap: 28px !important;
    align-items: start !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 20px 0 22px !important;
    overflow: hidden !important;
  }

  .archive-row > div {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  .archive-row strong {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(24px, 2.7vw, 42px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: none !important;
    transform: none !important;
  }

  .archive-row:hover strong {
    transform: none !important;
  }

  .archive-row span {
    max-width: 100% !important;
    font-size: clamp(14px, 1.15vw, 18px) !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .archive-row time,
  .archive-row em,
  .archive-row small {
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .archive-row em {
    min-width: 0 !important;
    max-width: 150px !important;
  }
}

/* CSS-driven seamless ornament tape. */
.article-ornament-track {
  top: 0 !important;
  will-change: transform !important;
}

.article-ornament-block {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.article-ornament-track img,
.article-ornament-block img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  flex: 0 0 auto !important;
  vertical-align: top !important;
}

@keyframes articleOrnamentTape {
  from { transform: translate3d(0, calc(-1 * var(--ornament-block-height, 1000px)), 0); }
  to { transform: translate3d(0, 0, 0); }
}