.diagnostic-masthead{
  position:relative;
  isolation:isolate;
  padding-top:var(--space-section);
  padding-bottom:var(--space-section);
  background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));
  border-bottom:1px solid var(--border);
}
.diagnostic-masthead::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 15% 25%,var(--glow-peri),var(--clear) 55%),
    radial-gradient(ellipse at 90% 85%,var(--glow-apricot),var(--clear) 50%),
    radial-gradient(circle,var(--dot-soft) 1px,var(--clear) 1.5px);
  background-size:auto,auto,22px 22px;
}
.diagnostic-intro{
  max-width:var(--content);
}
.diagnostic-intro h1{
  margin-top:var(--space-3);
  margin-bottom:var(--space-3);
  font-weight:var(--weight-body);
}
.diagnostic-lede{
  max-width:820px;
  font-size:var(--size-h3);
  color:var(--text);
  margin-bottom:var(--space-3);
}
.diagnostic-context{
  max-width:820px;
  color:var(--muted);
  line-height:1.85;
}
.diagnostic-context a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:3px;
}
.diagnostic-labels{
  margin-top:var(--space-3);
}
.diagnostic-document{
  padding-top:var(--space-4);
}
.diagnostic-chapter{
  padding-top:var(--space-4);
  padding-bottom:var(--space-4);
}
.diagnostic-chapter+.diagnostic-chapter{
  border-top:1px solid var(--border);
}
.diagnostic-chapter .prose{
  margin-inline:auto;
}
.diagnostic-chapter .prose h2{
  margin-top:var(--space-3);
}
.diagnostic-chapter .prose h3{
  font-weight:var(--weight-medium);
}
.diagnostic-table{
  max-width:820px;
  margin:var(--space-3) auto;
}
.diagnostic-chapter .callout{
  box-shadow:inset 0 1px 0 var(--hi);
}
@media(max-width:768px){
  .diagnostic-lede{
    font-size:var(--size-h3);
  }
  .diagnostic-chapter{
    padding-top:var(--space-3);
    padding-bottom:var(--space-3);
  }
}