/* دور ۱۶ — آموزش: پس‌زمینه‌ی «دفتر مهندسی» (تم scholar)، منوی درختی، باکس‌های حوزه/زیرشاخه، موبایل‌محور */
body[data-page="academy"]{background:#f7f9fd}
body[data-page="academy"] .tm-bar{--tm-acc:#4338ca}
/* هیرو: سرتیتر روی کاغذ شطرنجی خواناتر، دکمه‌ی نیلی */
.ac-hero{min-height:auto;padding:clamp(28px,6vw,72px) 16px clamp(36px,6vw,64px)}
.ac-headline{color:#0f172a}.ac-headline em{color:#4f46e5}
.ac-desc{color:#475569}
.ac-cta{background:linear-gradient(135deg,#4338ca,#1e40af);box-shadow:0 14px 30px -12px rgba(67,56,202,.6)}
.ac-kpis{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.ac-kpi{display:flex;flex-direction:column;align-items:center;min-width:120px;padding:12px 18px;border-radius:18px;background:rgba(255,255,255,.85);border:1px solid rgba(30,58,138,.1);box-shadow:0 6px 18px -12px rgba(30,58,138,.35)}
.ac-kpi b{font-size:1.45rem;font-weight:900;color:#1e1b4b;line-height:1.3}.ac-kpi span{font-size:.82rem;color:#64748b}
/* باکس‌های حوزه و زیرشاخه (صفحه‌ی اصلی و صفحه‌ی مسیر) */
.a16-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.a16-box{--tc:#4f46e5;position:relative;display:flex;flex-direction:column;gap:10px;padding:20px 20px 16px;border-radius:24px;text-decoration:none;color:#0f172a;
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.92) 100%);border:1px solid rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04),0 10px 24px -18px rgba(15,23,42,.25);
  overflow:hidden;transition:transform .3s cubic-bezier(.22,.9,.32,1),box-shadow .3s,border-color .3s;isolation:isolate}
.a16-box::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--tc),color-mix(in srgb,var(--tc) 40%,#fff))}
.a16-box::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;inset-inline-end:-80px;top:-90px;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--tc) 16%,transparent),transparent);transition:transform .5s}
.a16-box:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--tc) 45%,#fff);box-shadow:0 22px 44px -20px color-mix(in srgb,var(--tc) 55%,transparent)}
.a16-box:hover::after{transform:scale(1.35)}
.a16-top{display:flex;align-items:center;gap:14px}
.a16-ic{width:68px;height:68px;flex:none;border-radius:20px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tc) 10%,#fff);border:1px solid color-mix(in srgb,var(--tc) 18%,#fff)}
.a16-ic .ic3{width:52px;height:52px}.a16-ic>i{font-size:1.6rem;color:var(--tc)}
.a16-t{display:flex;flex-direction:column;min-width:0}
.a16-t h3{margin:0;font-size:1.14rem;font-weight:900;line-height:1.5;color:#0f172a}
.a16-t span{font:700 .66rem/1.4 'Inter',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--tc);direction:ltr;text-align:end}
.a16-box p{margin:0;color:#64748b;font-size:.86rem;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a16-chips{display:flex;flex-wrap:wrap;gap:6px}
.a16-chips span{font-size:.76rem;padding:4px 10px;border-radius:99px;background:#f1f5f9;color:#334155;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.a16-foot{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:10px;border-top:1px dashed rgba(15,23,42,.1);font-size:.8rem;color:#64748b}
.a16-foot b{color:#0f172a;font-weight:900}
.a16-foot i.go{margin-inline-start:auto;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tc) 12%,#fff);color:var(--tc);transition:transform .3s}
.a16-box:hover .a16-foot i.go{transform:translateX(-4px)}
/* صفحه‌ی مسیر */
body[data-page="academy"] .ah-pathcover{display:none}
.a16-sibs{display:flex;flex-wrap:wrap;gap:8px}
.a16-sibs a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 16px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.09);color:#1e293b;text-decoration:none;font-size:.9rem;font-weight:700;transition:border-color .2s,transform .2s}
.a16-sibs a:hover{border-color:#6366f1;transform:translateY(-2px)}.a16-sibs .ic3{width:26px;height:26px}
.ah-head{background:rgba(255,255,255,.9)}
.a16-level{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;color:#4338ca;background:#eef2ff;border-radius:99px;padding:4px 12px;margin-bottom:6px}
.a16-sec{margin-top:26px}
.a16-sec h2{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin:0 0 14px;color:#0f172a}
.a16-sec h2 small{font-size:.8rem;color:#64748b;font-weight:600}
.a16-grid--sub{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.a16-grid--sub .a16-ic{width:56px;height:56px;border-radius:16px}.a16-grid--sub .a16-ic .ic3{width:42px;height:42px}
.a16-grid--sub .a16-t h3{font-size:1.02rem}
.a16-empty{padding:22px;border-radius:20px;background:#fff;border:1px dashed rgba(15,23,42,.15);color:#64748b;text-align:center}
@media (max-width:640px){
  .a16-grid{grid-template-columns:1fr 1fr;gap:10px}
  .a16-box{padding:14px 12px 12px;border-radius:18px;gap:8px}
  .a16-top{flex-direction:column;align-items:flex-start;gap:8px}
  .a16-ic{width:54px;height:54px;border-radius:16px}.a16-ic .ic3{width:42px;height:42px}
  .a16-t h3{font-size:.98rem}.a16-t span{text-align:start;font-size:.58rem}
  .a16-box p,.a16-chips{display:none}
  .a16-foot{font-size:.72rem;gap:6px;flex-wrap:wrap}.a16-foot i.go{display:none}
  .ac-kpi{min-width:0;flex:1 1 40%;padding:10px}
  .ac-headline{font-size:clamp(2.3rem,11vw,3rem);letter-spacing:-1px}
}