/* سکشن: نمای تک‌پرسش */
.jj-qview{display:flex;flex-direction:column;gap:1.5rem}
.jj-qview__hero{
  display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.5rem;
  padding:1.75rem;border-radius:var(--r-3xl);
  background:rgb(var(--glass-bg) / var(--glass-alpha));
  backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));
  border:1.5px solid rgb(var(--glass-border) / var(--glass-border-alpha));
  box-shadow:var(--sh-glass);
}
.jj-qview__hero-main{flex:1;min-width:280px;display:flex;flex-direction:column;gap:.75rem}
.jj-qview__badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.jj-qview__tag{
  display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;
  background:rgb(var(--c-primary));color:rgb(var(--c-on-primary));font-size:.75rem;font-weight:700;
}
.jj-qview__date{
  display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;
  background:rgb(var(--c-surface-tint));color:rgb(var(--c-ink-2));font-size:.75rem;
}
.jj-qview__vbadge{
  display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;
  background:rgb(var(--c-primary-container));color:rgb(var(--c-on-container));font-size:.75rem;font-weight:600;
}
.jj-qview__ping{width:.5rem;height:.5rem;border-radius:9999px;background:rgb(var(--c-primary));display:inline-block}
.jj-qview__title{font-size:clamp(1.25rem, 2.2vw, 1.75rem);line-height:1.45;font-weight:800;color:rgb(var(--c-ink));margin:0}
.jj-qview__meta-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.75rem;color:rgb(var(--c-ink-3))}
.jj-qview__meta-bar span{display:inline-flex;align-items:center;gap:.375rem}
.jj-qview__seal{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;
  padding:1rem 1.25rem;border-radius:var(--r-2xl);background:rgb(var(--c-primary-container) / .6);
  border:1px solid rgb(var(--c-primary) / .2);min-width:130px;
}
.jj-qview__seal-icon{color:rgb(var(--c-primary))}
.jj-qview__seal-text strong{display:block;font-size:.8125rem;color:rgb(var(--c-primary))}
.jj-qview__seal-text span{font-size:.6875rem;color:rgb(var(--c-ink-3))}
.jj-qview__grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}
@media (min-width: 1024px){
  .jj-qview__grid{grid-template-columns:8fr 4fr}
}
.jj-qview__col-main{display:flex;flex-direction:column;gap:1.5rem}
.jj-qview__box{
  padding:1.75rem;border-radius:var(--r-3xl);
  background:rgb(var(--c-surface));border:1px solid rgb(var(--c-line));
  box-shadow:var(--sh-glass);
}
.jj-qview__asker-head{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;
  padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgb(var(--c-line));
}
.jj-qview__asker-info{display:flex;align-items:center;gap:.75rem}
.jj-qview__avatar{
  width:2.5rem;height:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;
  background:rgb(var(--c-surface-tint));color:rgb(var(--c-ink-2));
}
.jj-qview__asker-lbl{display:block;font-size:.6875rem;color:rgb(var(--c-ink-3))}
.jj-qview__asker-name{font-size:.875rem;color:rgb(var(--c-ink))}
.jj-qview__ref-code{font-size:.6875rem;color:rgb(var(--c-ink-3));background:rgb(var(--c-surface-tint));padding:.25rem .625rem;border-radius:9999px}
.jj-qview__lead-box{
  padding:1.5rem;border-radius:var(--r-2xl);
  background:linear-gradient(135deg, rgb(var(--c-primary-container) / .7), rgb(var(--c-surface-tint)));
  border:2px solid rgb(var(--c-primary) / .25);box-shadow:var(--sh-glass);
}
.jj-qview__lead-head{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem;color:rgb(var(--c-primary))}
.jj-qview__lead-icon{
  width:2rem;height:2rem;border-radius:var(--r);display:flex;align-items:center;justify-content:center;
  background:rgb(var(--c-primary));color:rgb(var(--c-on-primary));
}
.jj-qview__lead-head h2{font-size:1.0625rem;font-weight:700;margin:0}
.jj-qview__lead-text{font-size:.9375rem;line-height:1.9;color:rgb(var(--c-ink));margin:0;font-weight:500}
.jj-qview__master-head{
  display:flex;align-items:center;justify-content:space-between;
  padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid rgb(var(--c-line));
}
.jj-qview__master-meta{display:flex;align-items:center;gap:.75rem}
.jj-qview__master-icon{
  width:2.5rem;height:2.5rem;border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;
  background:rgb(var(--c-primary));color:rgb(var(--c-on-primary));box-shadow:var(--sh-pill);
}
.jj-qview__master-name{font-size:1.0625rem;font-weight:700;color:rgb(var(--c-ink));margin:0}
.jj-qview__master-role{font-size:.75rem;color:rgb(var(--c-ink-3))}
.jj-qview__feedback{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;
  padding-top:1.25rem;margin-top:1.5rem;border-top:1px solid rgb(var(--c-line));
}
.jj-qview__fb-prompt{font-size:.8125rem;font-weight:600;color:rgb(var(--c-ink))}
.jj-qview__fb-actions{display:flex;align-items:center;gap:.5rem}
.jj-qview__fb-btn{
  display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:9999px;
  background:rgb(var(--c-surface-tint));border:1px solid rgb(var(--c-line));
  font-size:.75rem;font-weight:600;color:rgb(var(--c-ink-2));cursor:pointer;transition:all var(--t) var(--ease);
}
.jj-qview__fb-btn:hover{color:rgb(var(--c-primary));border-color:rgb(var(--c-primary) / .3)}
.jj-qview__fb-btn.jj-voted{background:rgb(var(--c-ok));color:white;border-color:transparent}
.jj-qview__col-side{display:flex;flex-direction:column;gap:1.5rem}
.jj-qview__side-card{
  padding:1.5rem;border-radius:var(--r-3xl);background:rgb(var(--glass-bg) / var(--glass-alpha));
  backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));
  border:1px solid rgb(var(--c-line));box-shadow:var(--sh-glass);
}
.jj-qview__side-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:rgb(var(--c-primary))}
.jj-qview__side-head h3{font-size:.9375rem;font-weight:700;margin:0;color:rgb(var(--c-ink))}
.jj-qview__side-hint{font-size:.75rem;line-height:1.75;color:rgb(var(--c-ink-2));margin-bottom:1rem}
.jj-qview__form{display:flex;flex-direction:column;gap:.75rem}
.jj-qview__input{
  width:100%;padding:.625rem .75rem;border-radius:var(--r);border:1px solid rgb(var(--c-line));
  background:rgb(var(--c-surface));color:rgb(var(--c-ink));font-family:inherit;font-size:.75rem;outline:none;
}
.jj-qview__input:focus{border-color:rgb(var(--c-primary))}
.jj-qview__submit-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:9999px;
  background:rgb(var(--c-primary));color:rgb(var(--c-on-primary));border:none;cursor:pointer;
  font-size:.75rem;font-weight:700;box-shadow:var(--sh-pill);transition:all var(--t) var(--ease);
}
.jj-qview__submit-btn:hover{background:rgb(var(--c-primary-hover))}
.jj-qview__tax-list{display:flex;flex-direction:column;gap:.375rem}
.jj-qview__tax-item{
  display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:var(--r);
  text-decoration:none;color:rgb(var(--c-ink));font-size:.8125rem;transition:background var(--t) var(--ease);
}
.jj-qview__tax-item:hover{background:rgb(var(--c-surface-tint));color:rgb(var(--c-primary))}
.jj-qview__tax-count{font-size:.6875rem;font-weight:700;color:rgb(var(--c-ink-3));background:rgb(var(--c-surface-tint));padding:.125rem .5rem;border-radius:9999px}

/* استایل جامع متن محتوا و مقالات */
.jj-prose{font-size:1.0625rem;line-height:var(--lh-body);color:rgb(var(--c-ink))}
.jj-prose p{margin-bottom:1.25rem}
.jj-prose p:last-child{margin-bottom:0}
.jj-prose h2,.jj-prose h3,.jj-prose h4{font-weight:700;color:rgb(var(--c-ink));margin:1.75rem 0 .75rem;line-height:1.5}
.jj-prose h2{font-size:1.375rem}
.jj-prose h3{font-size:1.1875rem}
.jj-prose h4{font-size:1.0625rem}
.jj-prose blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-radius:var(--r-xl);background:rgb(var(--c-surface-tint));border-right:4px solid rgb(var(--c-primary));font-style:italic;color:rgb(var(--c-ink-2))}
.jj-prose blockquote p:last-child{margin-bottom:0}
.jj-prose ul,.jj-prose ol{margin:1rem 0 1.25rem;padding-right:1.5rem}
.jj-prose li{margin-bottom:.5rem}
.jj-prose a{color:rgb(var(--c-secondary));text-decoration:underline;text-underline-offset:3px}
.jj-prose a:hover{color:rgb(var(--c-primary))}
.jj-prose strong{font-weight:700;color:rgb(var(--c-ink))}