.tnt-main {
  width: min(100% - 48px, 1400px);
  margin: 40px auto 56px;
  color: #10231f;
  font-family: var(--font-body);
}


.tnt-main .blog-card {
  margin-bottom: 24px;
  padding: 22px;
  border-radius: 26px;
  background: #f1f1f1;
}
.tnt-main .blog-card:nth-of-type(even) { background: #e7f5f2; }
.tnt-card-image a { display: block; height: 100%; }
.tnt-card-image img {
  width: 100%;
  max-height: 300px;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 16px;
}
.tnt-main .card-body { padding: 0 0 0 24px; }
.tnt-main .col-12 > .card-body { padding: 0; }
.tnt-main .blog-card h2,
.tnt-main .article-content :is(h2, h3, h4, h5, h6) {
  font-family: var(--font-display);
  font-weight: 400;
  font-synthesis: none;
}
.tnt-main .blog-card h2 {
  margin: 0 0 12px;
  font-size: clamp(23px, 2.1vw, 30px);
  line-height: 1.15;
}
.tnt-title-link { color: inherit; text-decoration: none; }
.tnt-title-link:hover { color: #037a76; text-decoration: underline; }
.tnt-date { color: #315f59; font-size: 14px; }
.tnt-main .preview-text,
.tnt-main .article-content {
  font-size: 16px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.tnt-main .preview-text { margin-bottom: 20px; }
.tnt-main .content-expanded { display: none; margin-bottom: 20px; }
.tnt-main .article-content img { max-width: 100%; height: auto; }
.tnt-main .article-content iframe { max-width: 100%; }
.tnt-main .article-content pre { overflow-x: auto; }
.tnt-article { max-width: 960px; margin-bottom: 28px; }
.tnt-cover { border-radius: 22px; }
.tnt-button {
  display: inline-block;
  min-height: 44px;
  padding: 10px 20px;
  border: 0;
  border-radius: 5px;
  background: #05a39e;
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.tnt-button:hover { background: #037a76; color: #fff; }
.tnt-main a:focus-visible,
.tnt-button:focus-visible { outline: 3px solid #17352f; outline-offset: 3px; }

@media (max-width: 767.98px) {
  .tnt-main { width: calc(100% - 32px); margin-top: 28px; }
  .tnt-main .blog-card { padding: 20px; border-radius: 22px; }
  .tnt-main .card-body { padding: 20px 0 0; }
}

/* ─────────────────────────────────────────────
   FIX QUILL ORDERED LISTS (CRITICAL)
───────────────────────────────────────────── */

/* Reset counters */
.article-content ol {
  counter-reset: main-counter sub-counter;
}

/* Top-level list */
.article-content ol > li:not(.ql-indent-1):not(.ql-indent-2) {
  list-style: none;
  counter-increment: main-counter;
  counter-reset: sub-counter;
}

.article-content
ol > li:not(.ql-indent-1):not(.ql-indent-2)::before {
  content: counter(main-counter) ". ";
  font-weight: 600;
}

/* a, b, c */
.article-content .ql-indent-1 {
  list-style: none;
  counter-increment: sub-counter;
  margin-left: 2rem;
}

.article-content .ql-indent-1::before {
  content: counter(sub-counter, lower-alpha) ". ";
}

/* i, ii, iii */
.article-content .ql-indent-2 {
  list-style: none;
  margin-left: 3.5rem;
}