@font-face {
  font-family: "Vazirmatn";
  src: url("../fonts/Vazirmatn-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --health-ink: #14322d;
  --health-muted: #61736f;
  --health-primary: #0f766e;
  --health-primary-dark: #0b5d56;
  --health-accent: #f4a340;
  --health-soft: #eef8f5;
  --health-line: #dce9e5;
  --health-white: #fff;
  --health-shadow: 0 20px 50px rgba(21, 61, 54, .10);
  --health-radius: 24px;
}

html { scroll-behavior: smooth; }
body.site { overflow-x: clip; color: var(--health-ink); background: #fbfdfc; font-family: "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif; font-feature-settings: "ss01" 1; line-height: 1.85; text-rendering: optimizeLegibility; }
button, input, select, textarea { font-family: "Vazirmatn", Tahoma, sans-serif; }
a { color: var(--health-primary); text-decoration: none; }
a:hover { color: var(--health-primary-dark); }
.container-header { position: sticky; top: 0; z-index: 1000; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 1.25rem; padding-inline: max(1.25rem, calc((100vw - 1320px) / 2)); background: rgba(255,255,255,.96); color: var(--health-ink); box-shadow: 0 1px 0 var(--health-line); backdrop-filter: blur(14px); }
.container-header > .grid-child { grid-column: auto; width: auto; max-width: none; margin: 0; }
.container-header > .grid-child:first-child { justify-self: start; }
.container-header .container-nav { min-width: 0; justify-content: flex-start; padding-block: .65rem; }
.container-header .navbar { width: 100%; }
.container-header .navbar-brand { min-width: 215px; padding: 0; }
.container-header .navbar-brand img {
  content: url("/images/headers/logosabkesalamati-modern-20260808.png");
  width: auto;
  max-width: 225px;
  max-height: 58px;
  object-fit: contain;
}
.container-header .site-description { display: none; }
.container-header .mod-menu { align-items: center; justify-content: flex-start; gap: .1rem; }
.container-header .mod-menu > li { position: relative; }
.container-header .mod-menu > li > a { color: var(--health-ink); border-radius: 999px; padding: .62rem .72rem; font-size: .9rem; font-weight: 750; white-space: nowrap; transition: .2s ease; }
.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li.active > a { color: var(--health-primary); background: var(--health-soft); }
.container-header .mm-toggler { color: var(--health-primary); border-radius: 50%; }
.container-header .mod-menu .mm-collapse a { color: var(--health-ink); font-size: .88rem; font-weight: 600; line-height: 1.7; }
.container-header .mod-menu .mm-collapse a:hover { color: var(--health-primary); background: var(--health-soft); }
.container-header .navbar-toggler { color: var(--health-ink); background: #fff; border: 1px solid var(--health-line); box-shadow: 0 8px 20px rgba(21,61,54,.08); }
.container-banner { max-width: 1320px; margin: 0 auto; padding: 2rem 1.25rem 1rem; }
.container-top-a, .container-bottom-a, .container-footer { max-width: 1320px; margin-inline: auto; }
.health-ui-module { width: 100%; }
.health-hero { direction: rtl; display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); min-height: 570px; padding: clamp(2rem, 5vw, 4.5rem); overflow: hidden; border: 1px solid var(--health-line); border-radius: 36px; background: radial-gradient(circle at 12% 16%, rgba(244,163,64,.18), transparent 27%), linear-gradient(145deg, #effaf7 0%, #fff 58%); box-shadow: var(--health-shadow); }
.health-hero > * { min-width: 0; }
.health-kicker { display: inline-flex; align-items: center; gap: .5rem; color: var(--health-primary); font-weight: 800; font-size: .88rem; letter-spacing: -.01em; }
.health-kicker::before { content: ""; width: 26px; height: 3px; border-radius: 10px; background: var(--health-accent); }
.health-hero h1 { margin: .8rem 0 1.2rem; color: var(--health-ink); font-size: clamp(2.2rem, 4.5vw, 4.8rem); line-height: 1.38; font-weight: 850; letter-spacing: -.045em; }
.health-hero__copy > p { max-width: 620px; color: var(--health-muted); font-size: clamp(1rem, 1.4vw, 1.18rem); }
.health-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.7rem; }
.health-button { display: inline-flex; justify-content: center; align-items: center; min-height: 52px; padding: .7rem 1.5rem; border: 2px solid var(--health-primary); border-radius: 15px; font-weight: 800; transition: transform .2s, box-shadow .2s, background .2s; }
.health-button:hover { transform: translateY(-2px); }
.health-button--primary { color: #fff; background: var(--health-primary); box-shadow: 0 12px 24px rgba(15,118,110,.22); }
.health-button--primary:hover { color: #fff; background: var(--health-primary-dark); }
.health-button--ghost { color: var(--health-primary); background: #fff; }
.health-trust { display: flex; flex-wrap: wrap; gap: .55rem 1rem; margin: 1.5rem 0 0; padding: 0; color: var(--health-muted); font-size: .88rem; list-style: none; }
.health-trust li::before { content: "✓"; margin-left: .35rem; color: var(--health-primary); font-weight: 900; }
.health-hero__visual { position: relative; width: 100%; min-width: 0; min-height: 430px; overflow: hidden; border-radius: 29px; }
.health-hero__visual img { display: block; width: 100%; max-width: 100%; height: 100%; min-height: 430px; object-fit: cover; object-position: center; border-radius: 29px; box-shadow: 0 28px 55px rgba(15,67,60,.18); }
.health-hero__badge { position: absolute; right: -1.1rem; bottom: 1.5rem; display: grid; gap: .15rem; min-width: 210px; padding: 1rem 1.15rem; color: var(--health-ink); background: rgba(255,255,255,.94); border: 1px solid rgba(255,255,255,.7); border-radius: 18px; box-shadow: var(--health-shadow); backdrop-filter: blur(10px); }
.health-hero__badge strong { font-size: 1.05rem; }
.health-hero__badge span { color: var(--health-muted); font-size: .78rem; }
.container-top-a { padding: clamp(3.5rem, 8vw, 7rem) 1.25rem 2.5rem; }
.container-top-a .card,
.main-top.health-ui-module { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.container-top-a .card-body,
.main-top.health-ui-module .card-body { padding: 0; }
.health-section-intro { max-width: 650px; margin: 0 auto 2rem; text-align: center; }
.health-section-intro .health-kicker { justify-content: center; }
.health-section-intro h2, .health-latest-heading h2 { margin: .45rem 0 .5rem; color: var(--health-ink); font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 900; letter-spacing: -.04em; }
.health-section-intro p { margin: 0; color: var(--health-muted); }
.health-category-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1rem; }
.health-category-card { display: flex; min-height: 190px; flex-direction: column; align-items: center; justify-content: center; padding: 1.25rem .8rem; color: var(--health-ink); text-align: center; background: #fff; border: 1px solid var(--health-line); border-radius: 22px; box-shadow: 0 10px 26px rgba(21,61,54,.05); transition: .22s ease; }
.health-category-card:hover { color: var(--health-ink); transform: translateY(-6px); border-color: rgba(15,118,110,.35); box-shadow: var(--health-shadow); }
.health-category-card__icon { display: grid; width: 54px; height: 54px; margin-bottom: .8rem; place-items: center; color: #fff; background: linear-gradient(145deg, var(--health-primary), #31a89c); border-radius: 17px; font-size: 1.45rem; box-shadow: 0 10px 20px rgba(15,118,110,.2); }
.health-category-card strong { font-size: 1rem; }
.health-category-card small { margin-top: .35rem; color: var(--health-muted); font-size: .76rem; }
.main-top.health-ui-module { margin: 0; padding: 2.5rem 1.25rem 1rem; }
.health-latest-heading { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--health-line); }
.health-latest-heading h2 { margin-bottom: 0; }
.health-latest-heading > a { flex: 0 0 auto; font-weight: 800; }
.site-grid { padding-bottom: 4rem; }
.site-grid .grid-child.container-component { padding-inline: 1.25rem; }
.blog-featured .items-leading, .blog-featured .blog-items { display: grid; gap: 1.25rem; }
.blog-featured .blog-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.blog-featured .items-leading { margin-bottom: 1.25rem; }
.blog-featured .blog-item, .blog-featured .items-leading > div { overflow: hidden; padding: clamp(1.2rem, 2.2vw, 2rem); background: #fff; border: 1px solid var(--health-line); border-radius: var(--health-radius); box-shadow: 0 12px 32px rgba(21,61,54,.06); }
.blog-featured .items-leading > div { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 2rem; align-items: center; background: linear-gradient(135deg, #fff, var(--health-soft)); }
.blog-featured .item-image img, .blog-featured figure img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 17px; }
.blog-featured h2, .blog-featured .item-title { margin: .7rem 0; font-size: clamp(1.15rem, 1.8vw, 1.55rem); line-height: 1.6; font-weight: 900; }
.blog-featured h2 a, .blog-featured .item-title a { color: var(--health-ink); }
.blog-featured h2 a:hover, .blog-featured .item-title a:hover { color: var(--health-primary); }
.article-info { color: var(--health-muted); font-size: .78rem; }
.blog-featured p { color: #536763; }
.readmore .btn, .blog-featured .btn { color: var(--health-primary); background: var(--health-soft); border: 0; border-radius: 12px; font-weight: 800; }
.pagination { justify-content: center; margin-top: 2.5rem; }
.container-bottom-a { padding: 3rem 1.25rem; }
.container-footer { padding: 1.5rem 1.25rem; }
.footer { margin-top: 0; color: rgba(255,255,255,.82); background: #102f2a; }
.footer a { color: #fff; }
.footer .mod-menu { gap: .5rem; }
.breadcrumb { margin: 1rem 0; padding: .7rem 1rem; background: var(--health-soft); border-radius: 12px; }
body.itemid-437 .mod-breadcrumbs__wrapper { display: none; }

@media (min-width: 992px) {
  .container-header .metismenu.mod-menu .mm-collapse { min-width: 230px; margin-top: .55rem; padding: .55rem; background: #fff; border: 1px solid var(--health-line); border-radius: 17px; box-shadow: 0 22px 55px rgba(21,61,54,.16); }
  .container-header .metismenu.mod-menu .mm-collapse > li { position: relative; border-radius: 12px; }
  .container-header .metismenu.mod-menu .mm-collapse > li > a { display: block; padding: .65rem .75rem; border-radius: 11px; }
  .container-header .metismenu.mod-menu .mm-collapse .mm-collapse { top: -.55rem; right: calc(100% + .45rem); margin-top: 0; }
}

@media (max-width: 1220px) and (min-width: 992px) {
  .container-header { gap: .6rem; padding-inline: 1rem; }
  .container-header .navbar-brand { min-width: 205px; }
  .container-header .navbar-brand img { max-width: 215px; }
  .container-header .mod-menu > li > a { padding-inline: .49rem; font-size: .81rem; }
}

@media (max-width: 1100px) {
  .health-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .blog-featured .blog-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
  .container-header { grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; padding: .45rem .85rem; }
  .container-header > .grid-child:first-child { grid-column: 1; }
  .container-header > .container-nav { grid-column: 2; min-width: auto; padding: 0; }
  .container-header .navbar { position: static; justify-content: flex-end; }
  .container-header .navbar-brand { min-width: 0; }
  .container-header .navbar-brand img { max-width: 180px; max-height: 52px; }
  .container-header .navbar-collapse { position: absolute; top: calc(100% + 1px); right: .75rem; left: .75rem; max-height: calc(100vh - 86px); overflow-y: auto; padding: .7rem; background: rgba(255,255,255,.99); border: 1px solid var(--health-line); border-radius: 0 0 20px 20px; box-shadow: 0 24px 55px rgba(21,61,54,.18); }
  .container-header .mod-menu { align-items: stretch; gap: .2rem; padding: 0; }
  .container-header .mod-menu > li > a { display: block; padding: .75rem .85rem; font-size: .94rem; }
  .container-header .mod-menu .mm-collapse { margin: .25rem .35rem .5rem; padding: .35rem; background: var(--health-soft); border-radius: 14px; }
  .container-header .mod-menu .mm-collapse a { display: block; padding: .58rem .75rem; border-radius: 10px; }
}

@media (max-width: 767.98px) {
  .site-grid { display: block; width: 100%; max-width: 100%; padding-bottom: 3rem; }
  .site-grid > [class^="container-"], .site-grid > [class*=" container-"] { width: 100%; max-width: 100%; }
  .container-header { position: sticky; }
  .container-header .container-nav { align-items: center; padding: .35rem .75rem; }
  .container-header .grid-child, .container-header .container-nav, .container-header .navbar { min-width: 0; max-width: 100%; }
  .container-header .navbar-brand { min-width: 0; max-width: calc(100% - 64px); }
  .container-header .navbar-brand img { max-width: 170px; max-height: 48px; }
  .container-header .navbar-toggler { display: block; margin-inline-start: auto; color: var(--health-ink); border: 1px solid var(--health-line); border-radius: 12px; }
  .container-header .navbar-collapse { width: auto; }
  .container-header .mod-menu { align-items: stretch; padding: .7rem 0 1rem; }
  .container-header .mod-menu > li > a { display: block; padding: .7rem .85rem; }
  .container-banner { padding: .85rem .75rem; }
  .health-hero { width: 100%; max-width: 100%; grid-template-columns: minmax(0, 1fr); min-height: auto; gap: 1.8rem; padding: 1.5rem; border-radius: 25px; }
  .health-hero h1 { font-size: clamp(2rem, 11vw, 3.2rem); }
  .health-hero__copy { order: 1; }
  .health-hero__visual { min-height: 280px; }
  .health-hero__visual img { min-height: 280px; border-radius: 20px; }
  .health-hero__badge { right: .65rem; bottom: .65rem; min-width: 185px; }
  .health-button { flex: 1 1 145px; }
  .container-top-a { padding: 3.5rem .75rem 1.5rem; }
  .health-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
  .health-category-card { min-height: 160px; padding: 1rem .55rem; border-radius: 18px; }
  .health-category-card small { font-size: .7rem; }
  .main-top.health-ui-module { padding: 2rem .75rem .75rem; }
  .health-latest-heading { align-items: start; flex-direction: column; }
  .site-grid .grid-child.container-component { padding-inline: .75rem; }
  .blog-featured .blog-items, .blog-featured .items-leading > div { grid-template-columns: 1fr; }
  .blog-featured .blog-item, .blog-featured .items-leading > div { border-radius: 19px; }
}

@media (max-width: 410px) {
  .health-category-grid { grid-template-columns: 1fr; }
  .health-category-card { min-height: 135px; }
}

/* 2026-08-08: Persian typography and responsive rhythm refinement */
body.site {
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0;
  word-spacing: 0;
}

body.site :where(h1, h2, h3, h4, h5, h6, strong, b) {
  font-family: "Vazirmatn", Tahoma, "Segoe UI", Arial, sans-serif;
}

.health-hero h1 {
  max-width: 760px;
  font-size: clamp(2.05rem, 3.55vw, 3.55rem);
  line-height: 1.42;
  font-weight: 750;
  letter-spacing: -.025em;
}

.health-section-intro h2,
.health-latest-heading h2,
.blog-featured h2,
.blog-featured .item-title {
  font-weight: 750;
  letter-spacing: -.018em;
}

.health-hero__copy > p,
.health-section-intro p,
.blog-featured p {
  font-weight: 400;
  letter-spacing: 0;
  word-spacing: 0;
}

.blog-featured p {
  margin-block: .7rem 1rem;
  color: #536763;
  font-size: .98rem;
  line-height: 2;
}

.article-info {
  font-size: .8rem;
  line-height: 1.85;
}

.readmore .btn,
.blog-featured .btn {
  min-height: 44px;
  padding: .55rem 1rem;
  font-size: .92rem;
  font-weight: 700;
}

.blog-featured .w-100 > .counter {
  float: none !important;
  width: 100%;
  margin: .8rem 0 .35rem;
  padding: 0 !important;
  color: var(--health-muted);
  font-size: .82rem;
  text-align: center;
}

.pagination__wrapper {
  width: 100%;
  max-width: 100%;
  overflow: clip;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .3rem;
  width: 100%;
  margin: .6rem 0 1rem;
  padding: 0;
}

.pagination .page-item {
  margin: 0;
}

.pagination .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.35rem;
  height: 2.35rem;
  padding: .25rem .55rem;
  border: 1px solid #d8e1df;
  border-radius: 9px !important;
  font-size: .88rem;
  line-height: 1;
}

.container-footer.footer {
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 1rem 0 0;
  padding: 0;
}

.footer .grid-child {
  width: 100%;
  max-width: 1320px;
  min-height: 0;
  justify-content: center;
  padding: .85rem 1rem;
}

.footer .mod-menu {
  display: flex;
  width: auto;
  margin: 0;
  padding: 0;
  justify-content: center;
}

.footer .mod-menu > li,
.footer .mod-menu > li > a {
  margin: 0;
}

.footer .mod-menu > li > a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: .4rem .8rem;
  font-size: .88rem;
  font-weight: 600;
}

.back-to-top-link {
  width: 44px;
  height: 44px;
  inset-inline-end: 1rem;
  bottom: 1rem;
}

@media (max-width: 767.98px) {
  html,
  body.site { width: 100%; max-width: 100%; overflow-x: hidden; }
  body.site { line-height: 1.7; }
  .container-header,
  .container-banner,
  .container-banner .banner-overlay,
  .health-ui-module,
  .health-hero {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .container-header { padding-inline: .7rem; }
  .container-banner { margin-bottom: 0; padding: .7rem .7rem .25rem; overflow: hidden; }
  .health-hero { display: flex; flex-direction: column; gap: 1.15rem; padding: 1.15rem; border-radius: 20px; }
  .health-hero__copy,
  .health-hero__visual { width: 100%; max-width: 100%; min-width: 0; }
  .health-hero h1 { max-width: 100%; margin: .55rem 0 .8rem; font-size: clamp(1.7rem, 7.3vw, 2.15rem); line-height: 1.5; font-weight: 720; overflow-wrap: anywhere; }
  .health-hero__copy > p { margin-bottom: 0; font-size: .96rem; line-height: 1.95; }
  .health-hero__actions { gap: .55rem; margin-top: 1.15rem; }
  .health-button { min-height: 46px; padding: .55rem .9rem; border-radius: 13px; font-size: .93rem; }
  .health-trust { gap: .4rem .75rem; margin-top: 1rem; font-size: .78rem; }
  .health-hero__visual, .health-hero__visual img { min-height: 220px; }
  .health-hero__badge { right: .55rem; bottom: .55rem; min-width: 160px; padding: .75rem .9rem; }
  .container-top-a { padding: 2.25rem .7rem 1rem; }
  .main-top.health-ui-module { padding: 1.35rem .7rem .5rem; }
  .site-grid { padding-bottom: 1.25rem; }
  .site-grid .grid-child.container-component { padding-inline: .7rem; }
  .blog-featured .items-leading, .blog-featured .blog-items { gap: .9rem; }
  .blog-featured .items-leading { margin-bottom: .9rem; }
  .blog-featured .blog-item, .blog-featured .items-leading > div { padding: 1rem; border-radius: 17px; }
  .blog-featured h2, .blog-featured .item-title { margin: .55rem 0; font-size: 1.12rem; line-height: 1.7; font-weight: 720; }
  .blog-featured p { margin-block: .55rem .8rem; font-size: .92rem; line-height: 1.9; }
  .article-info { font-size: .74rem; line-height: 1.75; }
  .readmore .btn, .blog-featured .btn { min-height: 40px; padding: .45rem .8rem; font-size: .86rem; }
  .pagination { gap: .25rem; margin: .5rem 0 .75rem; }
  .pagination .page-link { min-width: 2.15rem; height: 2.15rem; padding: .2rem .45rem; font-size: .82rem; }
  .container-footer.footer { margin-top: .5rem; }
  .footer .grid-child { flex-direction: row; padding: .65rem .75rem; }
  .footer .mod-menu > li > a { min-height: 34px; padding: .3rem .7rem; font-size: .82rem; }
}

@media (max-width: 420px) {
  .container-header .navbar-brand img { max-width: 155px; }
  .health-hero { padding: 1rem; }
  .health-hero h1 { font-size: 1.65rem; }
  .health-hero__actions { display: grid; grid-template-columns: 1fr; }
  .health-button { width: 100%; }
  .pagination .page-link { min-width: 2rem; height: 2rem; padding-inline: .35rem; font-size: .78rem; }
}

/* 2026-08-08: readable full-width layout for legacy article content */
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);
  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);
  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);
  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; }
}