/* دور ۲۰ (تسک ۸) — تیتر بزرگ و متحرک «مسیر آموزشی (عمومی، دانشگاهی، مدرسه)» + تب نوع مسیر */
.ac20-title{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;margin:6px 0 18px;padding:22px 26px;border-radius:28px;overflow:hidden;isolation:isolate;
  background:linear-gradient(120deg,#fffdf8,#f0f5ff);border:1px solid rgba(31,78,140,.14);box-shadow:0 14px 40px -22px rgba(31,78,140,.45)}
.ac20-title::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(79,70,229,.10) 50%,transparent 70%);background-size:220% 100%;animation:ac20sheen 7s linear infinite}
@keyframes ac20sheen{from{background-position:120% 0}to{background-position:-120% 0}}
.ac20-orb{grid-row:1/3;width:68px;height:68px;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:#fff;
  background:linear-gradient(135deg,#4f46e5,#0ea5e9);box-shadow:0 14px 26px -12px rgba(79,70,229,.7);animation:ac20float 4.6s ease-in-out infinite}
@keyframes ac20float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}
.ac20-title h2{margin:0;font:900 clamp(1.5rem,4.2vw,2.6rem)/1.45 'Vazirmatn',sans-serif;color:#10213f}
.ac20-main{background:linear-gradient(90deg,#4f46e5,#0ea5e9,#4f46e5);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ac20grad 6s linear infinite}
@keyframes ac20grad{to{background-position:200% 0}}
.ac20-sub{color:#b8902f;font-weight:800}
.ac20-title p{margin:2px 0 0;color:#5b6474;font-size:.95rem}
.ac20-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.ac20-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;border:1px solid rgba(31,78,140,.18);background:#fff;color:#1b2a41;font:700 .88rem 'Vazirmatn',sans-serif;cursor:pointer;transition:transform .2s,background .2s,color .2s,box-shadow .2s}
.ac20-tab small{font-size:.72rem;padding:1px 8px;border-radius:99px;background:#eef2ff;color:#4f46e5}
.ac20-tab:hover{transform:translateY(-2px);box-shadow:0 10px 20px -12px rgba(79,70,229,.6)}
.ac20-tab.on{background:linear-gradient(135deg,#4f46e5,#0ea5e9);border-color:transparent;color:#fff}.ac20-tab.on small{background:rgba(255,255,255,.22);color:#fff}
.ac20-tab:focus-visible{outline:2px solid #b8902f;outline-offset:2px}
@media (max-width:640px){.ac20-title{grid-template-columns:1fr;padding:18px 16px;border-radius:22px;row-gap:10px}.ac20-orb{grid-row:auto;width:54px;height:54px;font-size:1.3rem;border-radius:18px}
  .ac20-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ac20-tabs::-webkit-scrollbar{display:none}.ac20-tab{flex:none}}
@media (prefers-reduced-motion:reduce){.ac20-title::before,.ac20-orb,.ac20-main{animation:none}}