/* Archive navigation extends immutable v3 styles. */
@import url("./site.v3.css");
.archive-directory { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 28px; }
.archive-entry { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 22px; border: 1px solid var(--line); border-radius: 4px; background: var(--white); color: var(--ink); font-size: 17px; font-weight: 600; }
.archive-entry:hover { border-color: var(--accent); text-decoration: none; color: var(--accent); }
.archive-entry>span:last-child { color: var(--accent); font-size: 14px; }
.page-archive .page-intro { padding-top: 0; }
.archive-pages { display: flex; flex-wrap: wrap; gap: 8px; padding-block: 24px; border-bottom: 1px solid var(--line); }
.archive-pages a { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 5px 13px; border: 1px solid var(--line); border-radius: 3px; font-size: 13px; }
.archive-pages a[aria-current="page"] { color: var(--white); background: var(--accent); border-color: var(--accent); }
.archive-list .list-item { padding-block: 18px; }
.archive-list .list-item h2 { font-size: 19px; margin-bottom: 0; }
.archive-directory>.empty { grid-column: 1 / -1; }
@media (max-width: 800px) { .archive-directory { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 520px) {
  .header-inner { flex-wrap: wrap; row-gap: 0; padding-top: 13px; }
  .site-nav { width: 100%; gap: 26px; height: 42px; }
  .site-nav a { font-size: 12px; }
  .archive-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .archive-entry { padding: 17px; font-size: 15px; }
  .archive-list .list-item h2 { font-size: 17px; }
}