.page {
  box-sizing: border-box;
  inline-size: min(52rem, 100% - 2rem);
  margin-block: calc(var(--site-header-size) + clamp(2rem, 8vh, 5rem)) clamp(3rem, 10vh, 6rem);
  margin-inline: clamp(1rem, 6vw, 8rem) auto;
  padding: clamp(1.25rem, 4vw, 3.5rem);
  border: 1px solid var(--deck-glass-edge);
  border-radius: var(--deck-glass-radius);
  background: var(--deck-scrim);
  box-shadow: inset 0 1px 0 var(--deck-glass-sheen), var(--deck-paper-shadow);
  color: var(--deck-ink);
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  .page {
    background: var(--deck-glass);
    -webkit-backdrop-filter: var(--deck-glass-backdrop);
    backdrop-filter: var(--deck-glass-backdrop);
  }
}
.page-eyebrow {
  margin: 0;
  color: var(--deck-accent);
}
.page-title {
  margin-block: calc(var(--rhythm) * 0.25) calc(var(--rhythm) * 0.75);
  font-size: var(--step-5);
}
.page-standfirst {
  margin: 0;
  max-inline-size: var(--measure);
}
.page-meta {
  margin: calc(var(--rhythm) * 0.75) 0 0;
  font-family: var(--font-meta);
  font-size: var(--step--1);
  color: var(--deck-accent);
}
.page-tag + .page-tag::before {
  content: ", ";
}
.page-body {
  max-inline-size: var(--measure);
  margin-block-start: calc(var(--rhythm) * 1.5);
  padding-block-start: calc(var(--rhythm) * 1.5);
  border-block-start: 1px solid var(--deck-glass-edge);
}
.page-body > :first-child {
  margin-block-start: 0;
}
.page-body > :last-child {
  margin-block-end: 0;
}
.page-body h2 {
  margin-block: calc(var(--rhythm) * 2) calc(var(--rhythm) * 0.5);
}
.page-body h3 {
  margin-block: calc(var(--rhythm) * 1.5) calc(var(--rhythm) * 0.5);
}
.page-body a {
  color: inherit;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
}
.page-body a:hover {
  color: var(--deck-accent);
}
.page-body a:focus-visible {
  outline: 2px solid var(--deck-accent);
  outline-offset: 0.2em;
  border-radius: 0.2em;
}
.page-body li + li {
  margin-block-start: calc(var(--rhythm) * 0.25);
}
.page-body blockquote {
  margin-inline: 0;
  padding-inline-start: 1.25em;
  border-inline-start: 3px solid var(--deck-accent);
}
.page-body img {
  display: block;
  max-inline-size: 100%;
  block-size: auto;
  border-radius: calc(var(--deck-glass-radius) * 0.5);
}
.page-body p:has(> img) {
  margin-block: calc(var(--rhythm) * 1.5);
}
.page-body p:has(> img) > em {
  display: block;
  margin-block-start: calc(var(--rhythm) * 0.4);
  font-family: var(--font-meta);
  font-size: var(--step--1);
  font-style: normal;
}
.page {
  translate: var(--waves-tuck, 0px) 0;
}