/* makes it so the scrollbar doesn't shift content */
:root {
  scrollbar-gutter: stable;
}

/* paginaton CSS */
.post-list { list-style: none; margin: 1.2rem 0; padding: 0; }
.post-item { padding: .65rem 0 1rem; border-bottom: 1px dashed #b5e853; }

.post-head { display: flex; align-items: baseline; gap: .6rem; }
.post-bullet { color: #b5e853; }
.post-link { text-decoration: underline; font-size: 1.15rem; }
.post-link:hover { text-decoration: none; }

.post-date { margin-left: auto; color: #bfbfbf; }
.post-excerpt { margin: .35rem 0 0; color: #c9c9c9; max-width: 60ch; }
.pagination { display: flex; gap: 1rem; margin-top: 1.2rem; align-items: baseline; }
.pager-link.is-disabled {
  color: #777;            /* grey it out */
  text-decoration: none;  /* remove underline */
  pointer-events: none;   /* not clickable */
  cursor: default;
}
.page-xofy { color: #9a9a9a; }

.contact-link { text-decoration: underline; font-size: 1.15rem; }
.contact-link:hover { text-decoration: none; }

/* Header-only background */
header {
  background: url("/assets/images/space.webp") no-repeat center center;
  background-size: cover;
  min-height: auto;
  padding: 1.25rem 0;
}
header h2 {
  color: #eaeaea;
}

/* contact footer */
/* one row: left = pagination, right = contact */
.index-footer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;      /* matches pagination baseline */
  margin: 0.5rem 0 0;         /* aligns with theme rhythm */
}
/* kill extra space the theme may give <nav> so rows line up */
.index-footer .pagination { margin: 0; }


/* unvisited */
a {
  color: #63c0f5; /* blue */
  text-shadow: 0 0 5px rgba(104, 182, 255, 0.5);
  text-decoration: underline;
}

/* visited */
a:visited {
  color: #9b59b6; /* purple */
}