/* Final reading layer for the public patient guides only.
   It is activated by .patient-article-final, so shared article and navigation
   surfaces keep their existing presentation. */
.patient-article-final .atlas-hero .wrap {
  max-width: 1040px;
}

.patient-article-final .atlas-hero p {
  max-inline-size: 62ch;
  text-wrap: pretty;
}

.patient-article-final .atlas-copy h2 {
  max-inline-size: 24ch;
  scroll-margin-top: 24px;
}

.patient-article-final .atlas-copy p,
.patient-article-final .article-steps,
.patient-article-final .article-checklist {
  max-inline-size: var(--article-measure, 70ch);
  text-wrap: pretty;
}

.patient-article-final .article-steps,
.patient-article-final .article-checklist {
  margin-block: 24px 30px;
}

.patient-article-final .article-steps li,
.patient-article-final .article-checklist li {
  padding-block: 9px;
}

.patient-article-final .atlas-callout {
  margin-block: 34px;
  border-radius: 0 14px 14px 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.patient-article-final .article-source-note {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid var(--article-line-soft);
  color: var(--article-faint);
  font-size: 14px;
}

.patient-article-final .atlas-aside {
  gap: 0;
  border-color: rgba(223, 126, 158, .25);
  background:
    linear-gradient(155deg, rgba(223, 126, 158, .12), transparent 52%),
    var(--article-panel);
}

.patient-article-final .atlas-aside > strong {
  margin-bottom: 2px;
}

.patient-article-final .atlas-aside > a {
  min-height: 48px;
  padding-block: 12px;
  transition: color .18s ease, padding-inline .18s ease;
}

.patient-article-final .atlas-aside > a:hover,
.patient-article-final .atlas-aside > a:focus-visible {
  padding-inline-start: 6px;
}

@media (max-width: 780px) {
  .patient-article-final .atlas-copy h2 {
    max-inline-size: none;
  }

  .patient-article-final .atlas-aside {
    border-color: var(--article-line);
  }
}

@media (prefers-reduced-motion: reduce) {
  .patient-article-final .atlas-aside > a {
    transition: none;
  }
}
