/* Full Blog Content Panel */
      .blog-full-content {
        display: none;
        background: #f8f9fa;
        border-left: 4px solid var(--main-color, #0066cc);
        padding: 30px 35px;
        margin-top: 20px;
        border-radius: 4px;
        line-height: 1.9;
      }

      .blog-full-content.active {
        display: block;
        animation: fadeInDown 0.4s ease;
      }

      @keyframes fadeInDown {
        from { opacity: 0; transform: translateY(-10px); }
        to   { opacity: 1; transform: translateY(0);     }
      }

      .blog-full-content h3 {
        font-size: 20px;
        font-weight: 700;
        margin: 25px 0 10px;
        color: #222;
      }

      .blog-full-content h4 {
        font-size: 17px;
        font-weight: 700;
        margin: 20px 0 8px;
        color: #333;
      }

      .blog-full-content p {
        font-size: 15px;
        color: #555;
        margin-bottom: 15px;
      }

      .blog-full-content ul {
        padding-left: 20px;
        margin-bottom: 15px;
      }

      .blog-full-content ul li {
        font-size: 15px;
        color: #555;
        margin-bottom: 8px;
        list-style: disc;
      }

      .blog-full-content .blog-cta {
        background: var(--main-color, #0066cc);
        color: #fff;
        padding: 12px 28px;
        border-radius: 3px;
        display: inline-block;
        margin-top: 20px;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        transition: opacity 0.3s;
      }

      .blog-full-content .blog-cta:hover {
        opacity: 0.85;
        color: #fff;
      }

      .blog-full-content .close-blog-btn {
        display: inline-block;
        margin-top: 25px;
        margin-left: 15px;
        font-size: 13px;
        color: #888;
        cursor: pointer;
        text-decoration: underline;
        background: none;
        border: none;
        padding: 0;
      }

      .blog-full-content .close-blog-btn:hover {
        color: #333;
      }

      .blog-full-content .blog-author-box {
        background: #fff;
        border: 1px solid #e8e8e8;
        padding: 18px 22px;
        border-radius: 4px;
        margin-top: 25px;
        display: flex;
        align-items: center;
        gap: 15px;
      }

      .blog-full-content .blog-author-box .author-icon {
        font-size: 36px;
        color: var(--main-color, #0066cc);
      }

      .blog-full-content .blog-author-box .author-info h6 {
        margin: 0 0 4px;
        font-weight: 700;
        font-size: 14px;
        color: #222;
      }

      .blog-full-content .blog-author-box .author-info p {
        margin: 0;
        font-size: 13px;
        color: #777;
      }

      .blog-full-content .blog-tags {
        margin-top: 20px;
      }

      .blog-full-content .blog-tags span {
        display: inline-block;
        background: #e8f0fe;
        color: var(--main-color, #0066cc);
        padding: 4px 12px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        margin: 4px 3px;
      }

      /* Read More Toggle Button */
      .read-more-toggle {
        cursor: pointer;
        color: var(--main-color, #0066cc);
        font-weight: 600;
        font-size: 14px;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        transition: color 0.3s;
        background: none;
        border: none;
        padding: 0;
      }

      .read-more-toggle:hover {
        color: #004499;
      }