/* Full-width reading layout for legacy Joomla article markup. */
body.view-article .site-grid,
body.view-article .container-component,
body.view-article .com-content-article {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.view-article .container-component {
  display: block;
  margin-inline: auto;
}

body.view-article .com-content-article {
  max-width: 1120px;
  margin: 0 auto 2rem;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--health-line, #dce9e5);
  border-radius: 26px;
  box-shadow: 0 14px 38px rgba(21, 61, 54, .06);
}

body.view-article .com-content-article > .page-header,
body.view-article .com-content-article > .article-info,
body.view-article .com-content-article > .icons,
body.view-article .com-content-article > .fields-container {
  max-width: 860px;
  margin-inline: auto;
}

body.view-article .com-content-article .item-image,
body.view-article .com-content-article figure.item-image,
body.view-article .com-content-article .item-image.left,
body.view-article .com-content-article .item-image.right {
  float: none !important;
  clear: both;
  width: 100%;
  max-width: 920px;
  margin: 1.4rem auto 2rem !important;
  text-align: center;
}

body.view-article .com-content-article .item-image img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 540px;
  margin: 0 auto;
  object-fit: cover;
  object-position: center;
  border-radius: 20px;
}

body.view-article .com-content-article .item-image .caption,
body.view-article .com-content-article .item-image figcaption {
  margin-top: .6rem;
  color: var(--health-muted, #61736f);
  font-size: .82rem;
}

body.view-article .com-content-article__body {
  clear: both;
  width: 100%;
  max-width: 860px;
  margin-inline: auto;
  color: #465d58;
}

body.view-article .com-content-article__body :where(p, li) {
  font-size: 1rem;
  line-height: 2.05;
}

body.view-article .com-content-article__body p {
  margin: 0 0 1rem;
}

body.view-article .com-content-article__body :where(h2, h3, h4) {
  clear: both;
  margin: 1.7rem 0 .75rem;
  color: var(--health-ink, #14322d);
  line-height: 1.65;
  font-weight: 750;
}

body.view-article .com-content-article__body h2 { font-size: 1.65rem; }
body.view-article .com-content-article__body h3 { font-size: 1.4rem; }
body.view-article .com-content-article__body h4 { font-size: 1.2rem; }

@media (max-width: 767.98px) {
  body.view-article .site-grid .grid-child.container-component { padding-inline: .7rem; }
  body.view-article .com-content-article { padding: 1rem; border-radius: 18px; }
  body.view-article .com-content-article .item-image,
  body.view-article .com-content-article figure.item-image { margin-block: 1rem 1.35rem !important; }
  body.view-article .com-content-article .item-image img { max-height: 320px; border-radius: 14px; }
  body.view-article .com-content-article__body :where(p, li) { font-size: .94rem; line-height: 1.95; }
  body.view-article .com-content-article__body h2 { font-size: 1.35rem; }
  body.view-article .com-content-article__body h3 { font-size: 1.22rem; }
  body.view-article .com-content-article__body h4 { font-size: 1.08rem; }
}