/* Blog post page: readable heading sizes, visible list markers, table design */
.tj-page-title.hlp-post-title { font-size: clamp(26px, 3.4vw, 40px); line-height: 1.25; max-width: 980px; margin-left: auto; margin-right: auto; }

.post-details-wrapper .blog-meta { margin: 0 0 22px; }
.post-details-wrapper .blog-meta ul { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; margin: 0; padding: 0; columns: auto; font-size: 15px; }
.post-details-wrapper .blog-meta li + li::before { content: "\2022"; margin-right: 18px; opacity: .5; }

.post-details-wrapper .blog-text { font-size: 17px; line-height: 1.8; }
.post-details-wrapper .blog-text > *:first-child { margin-top: 0; }
.post-details-wrapper .blog-text h1,
.post-details-wrapper .blog-text h2 { font-size: clamp(22px, 2.4vw, 28px); line-height: 1.3; margin: 40px 0 16px; }
.post-details-wrapper .blog-text h3 { font-size: clamp(19px, 2vw, 22px); line-height: 1.35; margin: 32px 0 12px; }
.post-details-wrapper .blog-text h4 { font-size: 18px; line-height: 1.4; margin: 26px 0 10px; }
.post-details-wrapper .blog-text p { margin-bottom: 20px; }
.post-details-wrapper .blog-text a,
.post-details-wrapper .blog-text a:hover { text-decoration: none; background: none; background-image: none; border-bottom: 0; box-shadow: none; }
.post-details-wrapper .blog-text a::before,
.post-details-wrapper .blog-text a::after { content: none; display: none; }
.post-details-wrapper .blog-text img { max-width: 100%; height: auto; }

/* Lists: real bullets / numbers, indented from the left edge */
.post-details-wrapper .blog-text ul,
.post-details-wrapper .blog-text ol { columns: 1; margin: 0 0 24px; padding-left: 28px; }
.post-details-wrapper .blog-text ul { list-style: disc outside; }
.post-details-wrapper .blog-text ol { list-style: decimal outside; }
.post-details-wrapper .blog-text ul li,
.post-details-wrapper .blog-text ol li { display: list-item; margin-bottom: 10px; padding-left: 4px; font-weight: 400; color: inherit; }
.post-details-wrapper .blog-text ul li::marker,
.post-details-wrapper .blog-text ol li::marker { color: var(--tj-color-theme-primary, #1a7f6b); font-weight: 600; }
.post-details-wrapper .blog-text li > ul,
.post-details-wrapper .blog-text li > ol { margin: 10px 0 0; }

/* Tables */
.post-details-wrapper .blog-text figure.table,
.post-details-wrapper .blog-text .table-wrap { margin: 0 0 28px; overflow-x: auto; }
.post-details-wrapper .blog-text table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 0 0 28px; font-size: 16px; line-height: 1.55; border: 1px solid #dfe5e3; border-radius: 10px; overflow: hidden; }
.post-details-wrapper .blog-text figure.table table { margin-bottom: 0; }
.post-details-wrapper .blog-text th,
.post-details-wrapper .blog-text td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid #e6ebe9; border-right: 1px solid #e6ebe9; }
.post-details-wrapper .blog-text th:last-child,
.post-details-wrapper .blog-text td:last-child { border-right: 0; }
.post-details-wrapper .blog-text tr:last-child > td,
.post-details-wrapper .blog-text tr:last-child > th { border-bottom: 0; }
.post-details-wrapper .blog-text thead th,
.post-details-wrapper .blog-text tr:first-child > th { background: var(--tj-color-theme-primary, #1a7f6b); color: #fff; font-weight: 600; }
.post-details-wrapper .blog-text tbody tr:nth-child(even) > td { background: #f5f8f7; }
.post-details-wrapper .blog-text td strong:only-child { font-weight: 600; }
@media (max-width: 767px) {
  .post-details-wrapper .blog-text { font-size: 16px; }
  .post-details-wrapper .blog-text table { display: block; overflow-x: auto; white-space: normal; }
  .post-details-wrapper .blog-text th, .post-details-wrapper .blog-text td { min-width: 140px; padding: 10px 12px; }
}