/* =====================================================================
   enobo.pl - domyślny szablon wpisu blogowego
   Wersja 1 (propozycja), 20.10.2026

   Zakres: tylko body.single-post. Wpisy z własnym układem (blok .er-root)
   zachowują szerokie infografiki i własną typografię treści.
   Plik ładować po arkuszach motywu Saasland (patrz enobo-blog-enqueue.php).
   Skala typograficzna: 46 / 30 / 21 / 18 / 15 / 13 / 11 px.
   ===================================================================== */

body.single-post {
  --enb-navy: #051441;
  --enb-ink: #1d2240;
  --enb-muted: #5b6078;
  --enb-purple: #5e2ced;
  --enb-purple-d: #4c1fce;
  --enb-lilac: #9d8bf2;
  --enb-soft: #f5f2ff;
  --enb-line: #e4ddff;
  --enb-col: 680px;
  --enb-fs: 18px;
  --enb-lh: 1.75;
  --enb-admin-offset: 0px;
  --enb-anchor: calc(128px + var(--enb-admin-offset));
}

body.single-post.admin-bar {
  --enb-admin-offset: 32px;
}

@media (max-width: 782px) {
  body.single-post.admin-bar {
    --enb-admin-offset: 46px;
  }
}

/* ---------------------------------------------------------------------
   1. Hero: tytuł, kategoria, metadane
   --------------------------------------------------------------------- */
body.single-post .blog_breadcrumb_area {
  height: auto;
  padding: 212px 0 76px;
}
body.single-post .blog_breadcrumb_area .breadcrumb_content_two {
  max-width: var(--enb-col);
  margin: 0 auto;
  padding-top: 0;
  text-align: left !important;
}
body.single-post .blog_breadcrumb_area .breadcrumb_content_two h1 {
  margin: 0 auto 24px;
  font-size: 46px;
  line-height: 1.17;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
body.single-post .blog_breadcrumb_area .enb-eyebrow {
  display: inline-block;
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--enb-lilac);
  text-decoration: none;
}
body.single-post .blog_breadcrumb_area a.enb-eyebrow:hover {
  color: #fff;
}
body.single-post .blog_breadcrumb_area .breadcrumb_content_two .enobo-post-meta {
  margin: 0;
  justify-content: flex-start;
  gap: 10px 0;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.78);
}
body.single-post .blog_breadcrumb_area .breadcrumb_content_two .enobo-post-meta__sep {
  margin: 0 14px;
  opacity: 0.45;
}
body.single-post .blog_breadcrumb_area .enb-meta-author {
  color: #fff;
  font-weight: 500;
}
body.single-post .blog_breadcrumb_area .enb-meta-author img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}

/* ---------------------------------------------------------------------
   2. Układ: kolumna tekstu 680 px, spis treści obok na szerokim ekranie
   --------------------------------------------------------------------- */
body.single-post .blog_area_two {
  padding: 64px 0 96px;
}
body.single-post .blog_single_info:not(:has(.er-root)) > .blog_list_item,
body.single-post .blog_single_info:not(:has(.er-root)) > .post_author_two {
  max-width: var(--enb-col);
  margin-left: auto;
  margin-right: auto;
}
body.single-post .blog_single_info:not(:has(.er-root)) > .blog_list_item {
  margin-bottom: 0;
}
body.single-post .blog_single_info > .blog_list_item > img.wp-post-image {
  display: block;
  width: 100%;
  max-width: var(--enb-col);
  margin-left: auto;
  margin-right: auto;
  height: auto;
  border-radius: 16px;
}

/* Własne infografiki pozostają szerokie; tekst korzysta ze wspólnej kolumny. */
body.single-post .blog_single_info > .blog_list_item > .blog_content:has(.er-root) {
  padding: 0;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:has(.er-root) > p,
body.single-post .blog_single_info > .blog_list_item > .blog_content:has(.er-root) > h2,
body.single-post .blog_single_info > .blog_list_item > .blog_content:has(.er-root) > .er-sec,
body.single-post .blog_single_info > .blog_list_item > .blog_content:has(.er-root) > .er-sources {
  max-width: var(--enb-col);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  /* Motyw ustawia .body_wrapper { overflow: hidden }, co wyłącza position: sticky.
     overflow: clip przycina tak samo, ale nie tworzy kontenera przewijania. */
  body.single-post .body_wrapper {
    overflow: clip;
  }
  body.single-post .blog_single_info:not(:has(.er-root)) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--enb-col)) minmax(0, 1fr);
    column-gap: 40px;
    align-items: start;
  }
  body.single-post .blog_single_info:not(:has(.er-root)) > * {
    grid-column: 2;
    min-width: 0;
  }
  body.single-post .blog_single_info:not(:has(.er-root)) > .blog_related_post {
    grid-column: 1 / -1;
  }
}

/* ---------------------------------------------------------------------
   3. Treść wpisu
   --------------------------------------------------------------------- */
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) {
  margin-top: 44px;
  padding: 0;
  font-size: var(--enb-fs);
  line-height: var(--enb-lh);
  font-weight: 400;
  color: var(--enb-ink);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) > p {
  margin: 0 0 22px;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}

/* Lead: pierwszy akapit wpisu */
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) > p:first-child {
  margin-bottom: 30px;
  font-size: 21px;
  line-height: 1.6;
  font-weight: 500;
  color: var(--enb-navy);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) > p:first-child strong {
  font-weight: inherit;
}

/* Nagłówki: duży odstęp nad, mały pod - nagłówek należy do tekstu, który otwiera */
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) h2 {
  margin: 68px 0 20px;
  font-size: 30px;
  line-height: 1.27;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--enb-navy);
  scroll-margin-top: var(--enb-anchor);
  text-wrap: balance;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) h3 {
  margin: 44px 0 12px;
  font-size: 21px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--enb-navy);
  scroll-margin-top: var(--enb-anchor);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) h2 + h3 {
  margin-top: 28px;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) strong,
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) b {
  font-weight: 600;
  color: var(--enb-navy);
}

/* Linki: widoczne w tekście (dziś mają kolor tekstu i brak podkreślenia) */
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) a {
  color: var(--enb-purple);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(94, 44, 237, 0.35);
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) a:hover {
  color: var(--enb-purple-d);
  text-decoration-color: currentColor;
}

/* Listy */
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) ul,
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) ol {
  margin: 0 0 24px;
  padding-left: 1.4em;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) ul {
  list-style: disc;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) ol {
  list-style: decimal;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) li {
  margin: 0 0 10px;
  padding-left: 4px;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) li::marker {
  color: var(--enb-purple);
  font-weight: 600;
}

/* Cytat */
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) blockquote {
  margin: 36px 0;
  padding: 4px 0 4px 24px;
  border-left: 3px solid var(--enb-purple);
  background: none;
  font-size: 21px;
  line-height: 1.6;
  font-weight: 500;
  color: var(--enb-navy);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) blockquote::after {
  display: none;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) blockquote p {
  margin: 0 0 12px;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) blockquote cite {
  display: block;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  color: var(--enb-muted);
}

/* Grafiki, infografiki, podpisy */
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) figure {
  margin: 40px 0;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) figcaption {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--enb-muted);
  text-align: left;
}

/* Tabele */
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .wp-block-table {
  margin: 36px 0;
  overflow-x: auto;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) table {
  width: 100%;
  margin: 0 0 24px;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.55;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) th,
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) td {
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid var(--enb-line);
  text-align: left;
  vertical-align: top;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) th,
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) thead td {
  background: var(--enb-soft);
  font-weight: 600;
  color: var(--enb-navy);
}

body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) hr {
  margin: 56px 0;
  border: 0;
  border-top: 1px solid var(--enb-line);
}

/* ---------------------------------------------------------------------
   4. Bloki redakcyjne (klasy nadawane w edytorze albo automatycznie przez JS)
      enb-summary  - "W tym wydaniu" / "W skrócie" na początku wpisu
      enb-action   - akapit "Co warto zrobić?"
      enb-example  - akapit "Przykład: ..."
      enb-source   - akapit "Źródło: ..."
   --------------------------------------------------------------------- */
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-action {
  margin: 30px 0;
  padding: 22px 26px;
  border: 1px solid var(--enb-line);
  border-radius: 14px;
  background: var(--enb-soft);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-action > strong:first-child,
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-label {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--enb-purple);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-example {
  padding: 2px 0 2px 24px;
  border-left: 3px solid var(--enb-line);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-example .enb-label {
  color: var(--enb-muted);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) > p.enb-source {
  margin-top: 30px;
  padding-top: 16px;
  border-top: 1px solid var(--enb-line);
  font-size: 15px;
  line-height: 1.6;
  color: var(--enb-muted);
}

/* Podsumowanie wydania - schemat "temat / status / co zrobić" */
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary {
  margin: 0 0 36px;
  padding: 26px 28px 10px;
  border-radius: 16px;
  background: var(--enb-navy);
  color: #fff;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary__title {
  margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--enb-lilac);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary ol,
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary ul {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: enbsum;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary li {
  position: relative;
  margin: 0;
  padding: 16px 0 16px 46px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  counter-increment: enbsum;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.82);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary li:first-child {
  border-top: 0;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary li::before {
  content: counter(enbsum, decimal-leading-zero);
  position: absolute;
  top: 17px;
  left: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--enb-lilac);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary li::marker {
  content: none;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary__topic {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 600;
  color: #fff;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary__todo {
  display: block;
  margin-top: 4px;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-tag {
  display: inline-block;
  margin: 2px 6px 4px 0;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(157, 139, 242, 0.18);
  font-size: 11px;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d9d1ff;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-tag--wait {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary a {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0.4);
}

/* ---------------------------------------------------------------------
   5. Spis treści
      .enb-toc         - przypięty obok tekstu (od 1200 px)
      .enb-toc-inline  - rozwijany pod leadem (poniżej 1200 px)
   --------------------------------------------------------------------- */
body.single-post .enb-toc,
body.single-post .enb-toc-rail {
  display: none;
}
@media (min-width: 1200px) {
  /* The rail ends with the article row, before author and related-post rows. */
  body.single-post .blog_single_info > .enb-toc-rail {
    display: block;
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
    justify-self: end;
    width: 100%;
    max-width: 220px;
    padding-bottom: 24px;
  }
  body.single-post .enb-toc-rail > .enb-toc {
    display: block;
    position: sticky;
    top: var(--enb-anchor);
    width: 100%;
    max-width: 220px;
    max-height: calc(100vh - var(--enb-anchor) - 40px);
    margin-top: 0;
    overflow-y: auto;
    scrollbar-width: thin;
  }
}
body.single-post .enb-toc__title {
  margin: 0 0 14px;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--enb-purple);
}
body.single-post .enb-toc__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 1px solid var(--enb-line);
  counter-reset: enbtoc;
}
body.single-post .enb-toc__list li {
  margin: 0;
  padding: 0;
  counter-increment: enbtoc;
}
body.single-post .enb-toc__list a {
  display: block;
  margin-left: -1px;
  padding: 7px 0 7px 16px;
  border-left: 2px solid transparent;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 400;
  color: var(--enb-muted);
  text-decoration: none;
  transition: color 0.15s ease, border-color 0.15s ease;
}
body.single-post .enb-toc__list a::before {
  content: counter(enbtoc, decimal-leading-zero);
  margin-right: 8px;
  font-size: 11px;
  font-weight: 600;
  color: var(--enb-lilac);
}
body.single-post .enb-toc__list a:hover {
  color: var(--enb-navy);
}
body.single-post .enb-toc__list a.is-active {
  border-left-color: var(--enb-purple);
  color: var(--enb-navy);
}
body.single-post .enb-toc__list a.is-active::before {
  color: var(--enb-purple);
}

body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-toc-inline {
  margin: 0 0 40px;
  border: 1px solid var(--enb-line);
  border-radius: 14px;
  background: #fff;
}
@media (min-width: 1200px) {
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-toc-inline {
    display: none;
  }
}
body.single-post .enb-toc-inline > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  list-style: none;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
  color: var(--enb-navy);
}
body.single-post .enb-toc-inline > summary::-webkit-details-marker {
  display: none;
}
body.single-post .enb-toc-inline > summary::after {
  content: "";
  width: 8px;
  height: 8px;
  margin: -4px 4px 0 auto;
  border-right: 2px solid var(--enb-purple);
  border-bottom: 2px solid var(--enb-purple);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
body.single-post .enb-toc-inline[open] > summary::after {
  margin-top: 4px;
  transform: rotate(-135deg);
}
body.single-post .enb-toc-inline__count {
  font-size: 13px;
  font-weight: 400;
  color: var(--enb-muted);
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-toc-inline ol {
  margin: 0;
  padding: 6px 20px 12px;
  list-style: none;
  border-top: 1px solid var(--enb-line);
  counter-reset: enbtoc;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-toc-inline li {
  margin: 0;
  padding: 0;
  counter-increment: enbtoc;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-toc-inline li::marker {
  content: none;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-toc-inline a {
  display: flex;
  gap: 12px;
  padding: 10px 0;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 400;
  color: var(--enb-ink);
  text-decoration: none;
}
body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-toc-inline a::before {
  content: counter(enbtoc, decimal-leading-zero);
  flex: none;
  padding-top: 2px;
  font-size: 13px;
  font-weight: 600;
  color: var(--enb-lilac);
}

/* ---------------------------------------------------------------------
   6. Pasek postępu czytania
   --------------------------------------------------------------------- */
.enb-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100000;
  height: 3px;
  pointer-events: none;
}
.enb-progress > span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #5e2ced, #9d8bf2);
  transform: scaleX(0);
  transform-origin: 0 50%;
}
body.admin-bar .enb-progress {
  top: 32px;
}

/* ---------------------------------------------------------------------
   7. Autor i podobne wpisy
   --------------------------------------------------------------------- */
/* Ramka autora ma już własny wygląd w style.css motywu potomnego - tu tylko odstęp */
body.single-post .blog_single_info:not(:has(.er-root)) > .post_author_two {
  margin-top: 64px;
}
body.single-post .blog_single_info:not(:has(.er-root)) > .blog_related_post {
  margin-top: 88px;
}

/* ---------------------------------------------------------------------
   8. Tablet i telefon
   --------------------------------------------------------------------- */
@media (max-width: 1023px) {
  body.single-post .blog_breadcrumb_area {
    padding: 132px 0 56px;
  }
  body.single-post .blog_breadcrumb_area .breadcrumb_content_two h1 {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  body.single-post {
    --enb-fs: 17px;
    --enb-lh: 1.7;
    --enb-anchor: calc(96px + var(--enb-admin-offset));
  }
  body.single-post .blog_breadcrumb_area {
    height: auto !important;
    min-height: 0;
    padding: 108px 0 40px;
  }
  body.single-post .blog_breadcrumb_area > .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.single-post .blog_breadcrumb_area .breadcrumb_content_two {
    text-align: left !important; /* nadpisuje .text-center z Bootstrapa */
  }
  body.single-post .blog_breadcrumb_area .breadcrumb_content_two h1 {
    margin-bottom: 18px;
    font-size: 30px;
    line-height: 1.2;
    text-wrap: pretty;
  }
  body.single-post .blog_breadcrumb_area .enb-eyebrow {
    margin-bottom: 14px;
    font-size: 11px;
  }
  /* Na telefonie separatory ukrywa enobo-mobile-post-header.css - odstęp daje gap */
  body.single-post .blog_breadcrumb_area .breadcrumb_content_two .enobo-post-meta {
    justify-content: flex-start;
    gap: 8px 16px;
    font-size: 13px;
  }
  body.single-post .blog_breadcrumb_area .breadcrumb_content_two .enobo-post-meta__sep {
    display: none;
  }
  body.single-post .blog_area_two {
    padding: 28px 0 64px;
  }
  body.single-post .blog_area_two > .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.single-post .blog_single_info > .blog_list_item > img.wp-post-image {
    border-radius: 12px;
  }
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) {
    margin-top: 28px;
  }
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) > p {
    margin-bottom: 18px;
  }
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) > p:first-child {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.6;
  }
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) h2 {
    margin: 48px 0 14px;
    font-size: 21px;
    line-height: 1.35;
    text-wrap: pretty;
  }
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) h3 {
    margin: 32px 0 10px;
    font-size: 18px;
  }
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-action {
    padding: 18px 18px;
  }
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-example {
    padding-left: 16px;
  }
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary {
    margin-left: -4px;
    margin-right: -4px;
    padding: 22px 20px 6px;
  }
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary li {
    padding-left: 36px;
  }
  body.single-post .blog_single_info > .blog_list_item > .blog_content:not(:has(.er-root)) .enb-summary__topic {
    font-size: 15px;
  }
  body.single-post .blog_single_info:not(:has(.er-root)) > .post_author_two {
    margin-top: 44px;
  }
  body.single-post .blog_single_info:not(:has(.er-root)) > .blog_related_post {
    margin-top: 56px;
  }
  body.admin-bar .enb-progress {
    top: 46px;
  }
}