/* Link Intersystems — blog archives v2.2.
 * Reuse the same Customizer variables as standard WordPress pages.
 * Neve still controls post layout, pagination, content width and header/footer.
 */
body.lis-blog-archive {
  --lis-page-paper: #f5f8f9;
  --lis-page-ink: #122739;
  --lis-page-line: #dce6e9;
  background: var(--lis-page-paper);
  color: var(--lis-page-ink);
}

/* Render the ribbon OUTSIDE Neve's centered archive container,
   directly below the site header. */
body.lis-blog-archive .neve-main {
  position: relative;
  background: var(--lis-page-paper);
  border-top: 0;
  border-image: none;
}
body.lis-blog-archive .neve-main::before {
  content: "";
  display: block;
  width: 100%;
  height: var(--lis-top-line-size, 2px);
  background: var(--lis-top-line-fill, linear-gradient(90deg,#139b6b,#287fa5,#e4ad39,#de615b));
  pointer-events: none;
}

body.lis-blog-archive .neve-main > .archive-container {
  padding-top: clamp(34px, 5vw, 72px);
  padding-bottom: clamp(56px, 7vw, 95px);
}
body.lis-blog-archive .nv-index-posts .nv-page-title-wrap h1,
body.lis-blog-archive .archive-container .page-title {
  color: var(--lis-page-ink);
  letter-spacing: -.035em;
  font-weight: 750;
}

/* Articles stay native Neve cards. The decorative stripe is inset so its
   pixels follow the card's rounded outer border without protruding at corners. */
body.lis-blog-archive .nv-index-posts .posts-wrapper > article {
  position: relative;
  min-width: 0;
  background: #fff;
  border: 1px solid var(--lis-page-line);
  border-radius: var(--lis-card-radius, 16px);
  padding: clamp(22px, 2.8vw, 38px);
  margin-bottom: 24px;
  box-shadow: 0 9px 30px rgba(29,73,99,.045);
}
body.lis-blog-archive .nv-index-posts .posts-wrapper > article::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: max(0px, calc(var(--lis-card-radius, 16px) - 1px));
  pointer-events: none;
  background: var(--lis-card-line-fill, linear-gradient(180deg,#139b6b,#287fa5,#e4ad39,#de615b));
  -webkit-mask-image: linear-gradient(to right, #000 0 var(--lis-card-line-size,2px), transparent var(--lis-card-line-size,2px));
  mask-image: linear-gradient(to right, #000 0 var(--lis-card-line-size,2px), transparent var(--lis-card-line-size,2px));
}
body.lis-blog-archive .nv-index-posts .posts-wrapper > article .entry-title a,
body.lis-blog-archive .nv-index-posts .posts-wrapper > article .blog-entry-title a {
  color: var(--lis-page-ink);
  text-decoration: none;
}
body.lis-blog-archive .nv-index-posts .posts-wrapper > article .entry-title a:hover,
body.lis-blog-archive .nv-index-posts .posts-wrapper > article .blog-entry-title a:hover {
  color: #176f98;
}
body.lis-blog-archive .nv-index-posts .posts-wrapper > article :is(p, .excerpt-wrap) {
  line-height: 1.72;
}

@media (max-width: 720px) {
  body.lis-blog-archive .nv-index-posts .posts-wrapper > article { padding: 22px; }
}
