/* اشتراک رصد پرو — فقط آنچه academy.css ندارد */

.pro-form .sub-row { align-items: stretch; }
.pro-form select {
  flex: 1 1 180px;
  min-height: 52px;
  padding: 14px 18px;
  border-radius: 12px;
  border: 1px solid var(--color-border-strong);
  background: var(--color-surface-2);
  color: var(--color-fg);
  font-family: inherit;
  font-size: 1rem;
}
.pro-form select:focus-visible { border-color: var(--color-accent); }
.pro-form { max-width: 720px; }
/* تلهٔ ربات: از دید و دسترس بیرون، ولی در DOM */
.hp { position: absolute; inset-inline-start: -9999px; width: 1px; height: 1px; opacity: 0; }

.pro-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
  margin-top: var(--space-lg);
}
.pro-item {
  background: var(--color-surface-2);
  border: 1px solid var(--color-border);
  border-radius: 18px;
  padding: var(--space-md);
}
.pro-num {
  display: inline-grid; place-items: center;
  width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid var(--color-accent); color: var(--color-accent);
  font-weight: var(--weight-label); margin-bottom: var(--space-sm);
}
.pro-item h3 { font-size: 1.0625rem; font-weight: bold; margin-bottom: 8px; line-height: 1.6; }
.pro-item p { color: var(--color-fg-muted); font-size: 0.9375rem; line-height: 1.9; }

.job-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin-top: var(--space-md); padding: 0; }
.job-chips li {
  padding: 10px 20px; border-radius: 999px;
  border: 1px solid var(--color-border-strong);
  background: var(--color-surface-2);
  color: var(--color-fg);
}

.tier-note { color: var(--color-fg-subtle); font-size: var(--text-small); line-height: 1.9; margin-bottom: var(--space-md); }

@media (max-width: 860px) {
  .pro-grid { grid-template-columns: 1fr; }
}