/* TekVu – Single Article Extras */

/* Mobile inline share */
@media (max-width: 1024px) {
  .article-share {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    position: static;
    margin: 32px 0;
    padding: 20px;
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: var(--r-xl);
  }
  .share-label {
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--gray-400);
    margin-bottom: 8px;
  }
}

/* Pullquote */
.wp-block-pullquote {
  border: none;
  padding: 32px 40px;
  text-align: center;
  background: var(--primary-light);
  border-radius: var(--r-xl);
  margin: 40px 0;
}
.wp-block-pullquote blockquote {
  border: none;
  padding: 0;
  background: transparent;
  border-radius: 0;
  font-style: normal;
}
.wp-block-pullquote p {
  font-size: clamp(18px, 3vw, 24px);
  font-weight: 700;
  font-family: var(--font-sans);
  color: var(--primary);
  line-height: 1.4;
  font-style: normal;
}

/* Code highlight */
.wp-block-code {
  background: var(--gray-900);
  color: #e2e8f0;
  border-radius: var(--r-lg);
  overflow-x: auto;
}

/* Image captions */
.wp-block-image figcaption,
.wp-element-caption {
  font-size: 13px;
  color: var(--gray-400);
  text-align: center;
  margin-top: 8px;
  font-style: italic;
}

/* Table of Contents scroll bar */
.toc::-webkit-scrollbar       { width: 4px; }
.toc::-webkit-scrollbar-track { background: transparent; }
.toc::-webkit-scrollbar-thumb { background: var(--gray-200); border-radius: 2px; }

/* Comments */
.comment-list,
.comment-respond { margin-top: 40px; }
.comment-respond h2 { font-size: 22px; font-weight: 800; margin-bottom: 20px; color: var(--gray-900); }
.comment-form label { display: block; font-size: 13px; font-weight: 600; color: var(--gray-600); margin-bottom: 6px; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
  width: 100%;
  padding: 10px 16px;
  border: 1.5px solid var(--gray-200);
  border-radius: var(--r-lg);
  font-size: 15px;
  color: var(--gray-900);
  background: var(--white);
  transition: border-color var(--t-fast);
  margin-bottom: 16px;
}
.comment-form input:focus,
.comment-form textarea:focus { outline: none; border-color: var(--primary); }
.comment-form textarea { height: 120px; resize: vertical; }
.comment-form input[type="submit"] {
  padding: 10px 24px;
  background: var(--primary);
  color: #fff;
  border: none;
  border-radius: var(--r-lg);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: background var(--t-fast);
}
.comment-form input[type="submit"]:hover { background: var(--primary-hover); }