/* ==========================================================================
   Change logs — section-specific layout: content column + version nav.
   ========================================================================== */

.logs-layout {
  display: grid;
  grid-template-columns: 1fr 250px;
  gap: 1.6rem;
  align-items: start;
}

.logs-main {
  min-width: 0;
}

/* ---- Version navigation ---- */
.logs-nav {
  position: sticky;
  top: calc(var(--header-h) + 1rem);
  padding: 1rem;
}

.logs-nav__title {
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ink-400);
  margin: 0 0 .7rem;
}

.logs-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: .25rem;
}

.logs-nav li {
  margin: 0;
}

.logs-nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .45rem .65rem;
  border-radius: 8px;
  color: var(--ink-700);
  font-family: var(--mono);
  font-size: .9rem;
  border: 1px solid transparent;
}

.logs-nav a:hover {
  background: var(--glass-faint);
  text-decoration: none;
}

.logs-nav a.is-current {
  color: var(--accent-strong);
  background: var(--accent-soft);
  border-color: var(--hairline);
  font-weight: 600;
}

.logs-nav__pill {
  font-family: var(--font);
  font-size: .66rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--ok);
  background: rgba(31, 122, 84, .12);
  border-radius: 999px;
  padding: .1rem .45rem;
}

/* ---- Log entry ---- */
.log-entry + .log-entry {
  margin-top: 1.4rem;
}

.log-entry__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .7rem;
  margin-bottom: .3rem;
}

.log-entry__version {
  font-family: var(--mono);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--ink-900);
  margin: 0;
}

.log-entry__date {
  color: var(--ink-400);
  font-size: .9rem;
}

.log-group {
  margin-top: 1.1rem;
}

.log-group h3 {
  display: flex;
  align-items: center;
  gap: .55rem;
  font-size: 1.05rem;
  margin-bottom: .55rem;
}

.log-group ul {
  margin: 0;
  padding-left: 1.25rem;
}

/* ---- Change tags ---- */
.log-tag {
  display: inline-flex;
  align-items: center;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: .16rem .55rem;
  border-radius: 999px;
  border: 1px solid transparent;
}

.log-tag--new {
  color: var(--ok);
  background: rgba(31, 122, 84, .12);
}

.log-tag--improve {
  color: var(--accent-strong);
  background: var(--accent-soft);
}

.log-tag--note {
  color: var(--warn);
  background: rgba(154, 107, 22, .12);
}

@media (max-width: 820px) {
  .logs-layout {
    grid-template-columns: 1fr;
  }

  .logs-nav {
    position: static;
    order: -1;
  }
}