/* One quiet reading column shared by historical and CMS articles. */
.medical98.article-editorial {
  --article-width: 760px;
  --article-gutter: 48px;
}
.medical98.article-editorial main > section.article-hero,
.medical98.article-editorial main > section.article-cta {
  background: #fff !important;
  padding-inline: 0;
  box-shadow: none;
}
.medical98.article-editorial main > section.article-hero {
  padding-block: 64px 0 !important;
}
.medical98.article-editorial .article-hero > .container,
.medical98.article-editorial .article-body,
.medical98.article-editorial .article-cta > .container {
  width: min(var(--article-width), calc(100% - var(--article-gutter)));
  max-width: var(--article-width) !important;
  margin-inline: auto;
  padding-inline: 0;
}
.medical98.article-editorial .article-hero > .container {
  padding-bottom: 32px;
  border-bottom: 1px solid var(--line);
}
.medical98.article-editorial .article-hero h1 {
  margin: 24px 0 !important;
  font-size: clamp(38px, 4.2vw, 58px) !important;
  line-height: 1.12 !important;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.medical98.article-editorial .article-hero h1 em {
  display: inline;
  font: inherit;
  color: inherit;
}
.medical98.article-editorial .article-hero :is(.article-intro, .resources-lead) {
  max-width: none !important;
  margin: 0;
  font-size: 20px !important;
  line-height: 1.7;
}
.medical98.article-editorial .article-meta {
  margin-top: 24px;
  gap: 8px 20px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}
.medical98.article-editorial .article-body {
  padding-block: 40px 64px;
  background: #fff;
}
.medical98.article-editorial .article-copy {
  width: 100%;
  max-width: none !important;
  margin: 0;
}
.medical98.article-editorial .article-copy :is(p, li, ul, ol, .article-note) {
  max-width: none;
}
.medical98.article-editorial .article-copy :is(p, li),
.medical98.article-editorial .article-note {
  font-size: 19px !important;
  line-height: 1.8;
  color: #354a58 !important;
}
.medical98.article-editorial .article-copy p {
  margin: 0 0 22px;
}
.medical98.article-editorial .article-copy p,
.medical98.article-editorial .article-note,
.medical98.article-editorial .article-hero :is(.article-intro, .resources-lead) {
  text-align: justify;
  text-align-last: left;
  text-justify: inter-word;
  hyphens: auto;
  hyphenate-limit-chars: 7 3 3;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: pretty;
}
.medical98.article-editorial .article-copy :is(h2, h3) {
  max-width: none !important;
  text-align: left;
  text-wrap: pretty;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.medical98.article-editorial .article-copy h2 {
  margin: 48px 0 20px;
  font-size: 34px !important;
  line-height: 1.2 !important;
}
.medical98.article-editorial .article-copy h3 {
  margin: 32px 0 16px;
  font-size: 26px !important;
  line-height: 1.3;
}
.medical98.article-editorial .article-copy :is(ul, ol) {
  padding-left: 24px;
  margin: 20px 0 26px;
}
.medical98.article-editorial .article-copy li {
  margin-bottom: 10px;
  padding-left: 3px;
  text-align: left;
  hyphens: auto;
}
.medical98.article-editorial .article-copy blockquote {
  position: static;
  width: 100%;
  max-width: none;
  margin: 32px 0;
  padding: 22px 0;
  border: 0;
  border-block: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink) !important;
  font: 500 25px/1.5 var(--serif);
  text-align: left;
  text-wrap: pretty;
}
.medical98.article-editorial .article-copy blockquote p {
  margin: 0;
  font: inherit !important;
  color: inherit !important;
  text-align: left;
}
.medical98.article-editorial .article-note {
  margin: 30px 0;
  padding: 4px 0 4px 22px;
  border: 0;
  border-left: 2px solid #b9c5cb;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.medical98.article-editorial .article-note > strong {
  font-size: inherit;
  line-height: inherit;
}
.medical98.article-editorial .article-note :last-child { margin-bottom: 0; }
.medical98.article-editorial :is(.key-grid, .system-grid, .axis-grid, .organ-grid, .clinical-table) {
  display: block;
  margin: 30px 0;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
}
.medical98.article-editorial :is(.key-card, .system-card, .axis-card, .organ-card, .clinical-row) {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 16px 28px;
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.medical98.article-editorial :is(.key-card, .system-card, .axis-card, .organ-card, .clinical-row) > strong {
  margin: 0;
  font-size: 17px;
  line-height: 1.6;
}
.medical98.article-editorial :is(.key-card, .system-card, .axis-card, .organ-card, .clinical-row) p {
  margin: 0;
  font-size: 18px !important;
  line-height: 1.75;
}
.medical98.article-editorial .references {
  margin-top: 48px;
  padding-top: 28px;
  border-top: 1px solid var(--line);
}
.medical98.article-editorial .references h2 {
  margin-top: 0;
  font-size: 26px !important;
}
.medical98.article-editorial .references li {
  font-size: 16px !important;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.medical98.article-editorial .references a {
  text-decoration: underline;
  text-decoration-color: #b9c5cb;
  text-underline-offset: 3px;
}
.medical98.article-editorial main > section.article-cta {
  padding-block: 0 64px !important;
}
.medical98.article-editorial .article-cta-inner {
  display: block;
  padding-top: 30px;
  border-top: 1px solid var(--line);
}
.medical98.article-editorial .article-cta h2 {
  max-width: none;
  margin: 16px 0;
  font-size: 28px !important;
  line-height: 1.3 !important;
}
.medical98.article-editorial .article-cta p { max-width: none; }
.medical98.article-editorial .article-cta .button { margin-top: 16px; }
.medical98.article-editorial .article-cover {
  width: min(var(--article-width), calc(100% - var(--article-gutter)));
  max-width: var(--article-width);
  margin: 32px auto 0;
  padding: 0;
}
.medical98.article-editorial .article-cover img { border-radius: 0; box-shadow: none; }
@media (max-width: 650px) {
  .medical98.article-editorial { --article-gutter: 40px; }
  .medical98.article-editorial main > section.article-hero { padding-top: 36px !important; }
  .medical98.article-editorial .article-hero h1 { font-size: clamp(34px, 9.5vw, 44px) !important; }
  .medical98.article-editorial .article-hero :is(.article-intro, .resources-lead) { font-size: 18px !important; }
  .medical98.article-editorial .article-body { padding-block: 30px 44px; }
  .medical98.article-editorial .article-copy :is(p, li),
  .medical98.article-editorial .article-note { font-size: 18px !important; line-height: 1.75; }
  .medical98.article-editorial .article-copy h2 { font-size: 28px !important; margin-top: 38px; }
  .medical98.article-editorial .article-copy h3 { font-size: 24px !important; }
  .medical98.article-editorial .article-copy blockquote { font-size: 23px; padding-block: 20px; }
  .medical98.article-editorial .article-note { padding-left: 16px; }
  .medical98.article-editorial :is(.key-card, .system-card, .axis-card, .organ-card, .clinical-row) { grid-template-columns: 1fr; gap: 8px; }
  .medical98.article-editorial .references li { font-size: 16px !important; }
  .medical98.article-editorial main > section.article-cta { padding-bottom: 44px !important; }
  .medical98.article-editorial .article-cta h2 { font-size: 26px !important; }
}
