/* shared styles for sub-pages */
@import url("../styles.css?v=15");

.page {
  position: relative;
  z-index: 2;
  max-width: 760px;
  margin: 0 auto;
  padding: 16vh 24px 24px;
  text-align: left;
}
.page__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--mono);
  font-size: 26px;
  color: var(--green);
  text-decoration: none;
  border-bottom: 1px dashed rgba(43, 255, 142, .35);
  padding-bottom: 2px;
  margin-bottom: 28px;
}
.page__back:hover { color: var(--magenta); border-bottom-color: var(--magenta); }

.page__title {
  font-family: var(--mono);
  font-size: 112px;
  margin: 0 0 16px;
  letter-spacing: .02em;
  position: relative;
  display: inline-block;
}
.page__title::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -6px;
  height: 2px;
  background: var(--magenta);
  box-shadow: 0 0 10px rgba(255, 45, 142, .6);
}
.page__lead {
  font-size: 28px;
  color: var(--ink-dim);
  line-height: 1.7;
  max-width: 56ch;
}
body.page-body { overflow: auto; }