/* Blog post */
.text-nts-royal:hover{
  font-weight:900;
}
.resoourcersBlogpostSect a:hover{
  text-decoration:none;
}
.postBgBlogPost .alt-desc{
  font-size: 22px;
  line-height: 1.3em;
}
.postBgBlogPost{
  background-position: top;
  background-size: cover;
  padding: 10px 15px 20px;
  display: flex !important;
  align-items: end !important;
}
.tag-pill:hover{
  font-weight: 700;
  text-decoration: none;
}
/* TYPOGRAPHY */
        .hero-gradient-text {
            background: linear-gradient(135deg, #2D3FE2 0%, #00D1FF 65%, #BAF3FF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cta-gradient-text {
            background: linear-gradient(135deg, #ffffff 0%, #BAF3FF 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        /* CONTENT STYLING */
        .blog-content h2 { font-weight: 800; font-size: 1.875rem; color: #020410; margin-top: 3rem; margin-bottom: 1.5rem; line-height: 1.2; }
        .blog-content h3 { font-weight: 800; font-size: 1.25rem; color: #2D3FE2; margin-top: 2rem; margin-bottom: 1rem; }
        .blog-content p { color: #475569; line-height: 1.7; margin-bottom: 1.5rem; font-size: 1.125rem; }
        
        .blog-content a { color: #475569; text-decoration: underline; text-decoration-color: #cbd5e1; transition: all 0.2s; }
        .blog-content a:hover { color: #60A5FA; text-decoration-color: #60A5FA; }

        /* SIDEBAR TOC */
        .toc-link { color: #64748b; font-size: 0.875rem; font-weight: 600; transition: all 0.2s; display: block; border-l-2 border-transparent; padding-left: 1rem; }
        .toc-link:hover { color: #2D3FE2; border-l-2 border-nts-royal; }

        /* MESH CARDS */
        .nts-mesh-card {
            background-color: #020410;
            background-image: 
                radial-gradient(circle at top left, rgba(45, 63, 226, 0.1) 0%, transparent 40%),
                radial-gradient(circle at bottom right, rgba(45, 63, 226, 0.25) 0%, transparent 50%);
            border: 1px solid rgba(255,255,255,0.08);
        }

        /* REUSABLE PILLS */
        .tag-pill { padding: 4px 10px; background: #f1f5f9; color: #475569; font-size: 10px; font-weight: 700; border-radius: 6px; text-transform: uppercase; }
        .category-badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 16px; }

        .btn-purple { background-color: #8A3FFC; box-shadow: 0 10px 20px -5px rgba(138, 63, 252, 0.4); }




.blog-post {
  margin: 0 auto;
  max-width: 960px;
}

.blog-post__meta {
  margin-bottom: 1.4rem;
}

.blog-post__meta a {
  text-decoration: underline;
}

.blog-post__timestamp {
  display: block;
}

.blog-post__tags svg {
  height: auto;
  margin-right: 0.35rem;
  width: 15px;
}

.blog-post__tag-link {
  font-size: 0.875rem;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: flex;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    flex: 0 0 calc(100% / 3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 0.7rem 0;
}

/* Blog comments */

.blog-comments {
  margin: 0 auto;
  max-width: 680px;
}

.blog-comments .hs-submit {
  text-align: center;
}

.blog-comments .comment-reply-to {
  border: 0 none;
}

.blog-comments .comment-reply-to:hover,
.blog-comments .comment-reply-to:focus {
  background-color: transparent;
  text-decoration: underline;
}