/* A quiet reading page for the present, with dated snapshots below. */
.md-main:has(.kb-now) > .md-main__inner {
  display: block;
  max-width: 62rem;
  margin-top: 0;
}

[dir] .md-main .md-content:has(.kb-now) > .md-content__inner {
  width: auto;
  max-width: 34rem;
  margin: 0 auto;
  padding: 3.2rem 1.2rem 4rem;
}

.md-content__inner:has(.kb-now)::before,
.md-content__inner:has(.kb-now)::after { display: none; }

.kb-now {
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-doc-body);
  line-height: 1.85;
}

.kb-now-header {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--color-rule);
}

.md-typeset .kb-now h1 {
  margin: 0 0 .45rem;
  color: var(--color-ink);
  font-family: var(--font-blog);
  font-size: clamp(2.8rem, 7vw, 3.6rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1.1;
}

.md-typeset .kb-now-intro {
  margin: 0;
  color: var(--color-muted);
  white-space: pre-line;
}
.md-typeset .kb-now-date {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 1rem 0 0;
  color: var(--color-faint);
  font-size: .68rem;
}

.kb-now-date time,
.kb-now-history time { font-variant-numeric: tabular-nums; }

.md-typeset .kb-now-back {
  display: inline-block;
  margin-bottom: 1.4rem;
  color: var(--color-muted);
  font-size: .7rem;
}

.kb-now-content { overflow-wrap: anywhere; }
.kb-now-content--empty { min-height: 8rem; color: var(--color-faint); }
.kb-now-content > :first-child { margin-top: 0; }
.kb-now-content > :last-child { margin-bottom: 0; }
.md-typeset .kb-now-content h2 { margin-top: 2rem; font-size: 1rem; line-height: 1.5; }

.md-typeset details.kb-now-history {
  margin: 2.5rem 0 0;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--color-rule);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.kb-now-history summary {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding-block: 1rem;
  color: var(--color-muted);
  cursor: pointer;
  font-size: .72rem;
  list-style: none;
}
.md-typeset .kb-now-history summary {
  margin: 0;
  padding-inline: 0;
  border-radius: 0;
  background: transparent;
  font-weight: 400;
}
.md-typeset .kb-now-history summary::before { display: none; }
.kb-now-history summary::-webkit-details-marker { display: none; }
.kb-now-history summary > span { color: var(--color-faint); font-size: .65rem; }
.md-typeset .kb-now-history summary::after {
  position: static;
  width: auto;
  height: auto;
  margin-left: auto;
  background: none;
  mask: none;
  transform: none;
  content: "+";
}
.md-typeset .kb-now-history[open] > summary::after { transform: none; content: "−"; }
.md-typeset .kb-now-history ol { margin: 0; padding: 0; list-style: none; }
.md-typeset .kb-now-history li { margin: 0; }
.md-typeset .kb-now-history a {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .35rem .9rem;
  padding-block: .65rem;
  color: var(--color-ink);
  font-size: .75rem;
  text-decoration: none;
}
.kb-now-history time { flex-shrink: 0; color: var(--color-faint); font-size: .65rem; }
.kb-now-history small { margin-left: auto; color: var(--color-faint); font-size: .6rem; }
.md-typeset .kb-now-history a:hover,
.md-typeset .kb-now-back:hover { color: var(--color-accent-strong); }
.kb-now :is(a, summary):focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; }

.md-typeset .kb-now-colophon {
  margin: 2.4rem 0 0;
  color: var(--color-faint);
  font-size: .65rem;
}
.md-typeset .kb-now-colophon a { color: inherit; text-underline-offset: .15em; }

@media (max-width: 39.99em) {
  [dir] .md-main .md-content:has(.kb-now) > .md-content__inner { padding: 2.2rem 1.1rem 3rem; }
}