/* Crew Tower changelog - deliberately plain. A narrow column, a version, a
   list of lines. Everything else (nav, footer, type scale, colours, .wrap)
   comes from styles.css. */

.log {
  background: var(--wash);
  /* the nav is fixed and solid on this page, so the section clears it itself */
  padding-block: clamp(116px, 13vw, 156px) clamp(88px, 10vw, 128px);
  min-height: 100vh;
}

/* A changelog is read one line at a time, so the measure matters more than
   the page does. Everything sits in a single narrow column. */
.log .wrap { max-width: 720px; }

.log-head {
  padding-bottom: clamp(30px, 3.5vw, 40px);
  margin-bottom: clamp(34px, 4vw, 46px);
  border-bottom: 1px solid var(--edge);
}
.log-intro {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--mist);
  letter-spacing: -.01em;
}

.release + .release {
  margin-top: clamp(40px, 5vw, 60px);
  padding-top: clamp(40px, 5vw, 60px);
  border-top: 1px solid var(--edge);
}

.release-version {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
  margin: 0 0 clamp(16px, 2vw, 22px);
  font-family: var(--font-display);
  font-size: clamp(21px, 2.2vw, 25px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.025em;
}
.release-date {
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -.005em;
  color: var(--mist);
}

.release ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.release li {
  position: relative;
  padding: 7px 0 7px 20px;
  font-size: 16px;
  line-height: 1.6;
  color: var(--slate);
  letter-spacing: -.01em;
}
.release li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 17.5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--iris);
  opacity: .5;
}