/* جای نوار: بلافاصله زیر هدر سراسری (detailShell در جریان صفحه ۸۴px جا می‌گیرد)؛ فاصله‌ی بالای main کم می‌شود */
.tm-bar+main.r7-page,.tm-bar+main{padding-top:26px!important}
/* دور ۱۶ — منوی آبشاری درختی مشترک (آموزش/مقالات/کتابخانه/انجمن). رنگ تأکید هر بخش: --tm-acc */
.tm-bar{--tm-acc:#4f46e5;--tm-ink:#1e2140;--tm-sub:#6b6f80;--tm-line:#e5e6eb;--tm-soft:#f4f5f8;position:sticky;top:var(--nav-h,84px);z-index:45;
  background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--tm-line);box-shadow:0 2px 14px rgba(30,33,64,.05)}
.tm-in{max-width:1680px;margin:0 auto;padding:0 clamp(12px,2vw,28px);display:flex;align-items:center;gap:4px;height:54px}
.tm-btn{display:inline-flex;align-items:center;gap:10px;border:0;background:none;font:inherit;font-size:1.04rem;font-weight:800;color:var(--tm-ink);padding:10px 12px 12px;cursor:pointer;white-space:nowrap;border-bottom:3px solid transparent;height:54px}
.tm-btn .tm-car{font-size:.72rem;opacity:.6;transition:transform .2s}
.tm-btn:hover,.tm-btn[aria-expanded="true"]{color:var(--tm-acc);border-bottom-color:var(--tm-acc)}
.tm-btn[aria-expanded="true"] .tm-car{transform:rotate(180deg)}
.tm-sep{width:1px;height:22px;background:var(--tm-line);margin:0 8px;flex:none}
.tm-quick{display:flex;align-items:center;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(to left,#000 92%,transparent)}
.tm-quick::-webkit-scrollbar{display:none}
.tm-quick a{white-space:nowrap;padding:8px 12px;border-radius:11px;color:#4b4f68;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s}
.tm-quick a:hover,.tm-quick a.on{color:var(--tm-acc);background:color-mix(in srgb,var(--tm-acc) 9%,#fff)}
.tm-mega{position:absolute;inset-inline:0;top:100%;z-index:50;display:flex;justify-content:center;pointer-events:none}
.tm-mega[hidden]{display:none}.tm-head{display:none}
.tm-body{pointer-events:auto;width:min(1680px,100%);display:flex;background:#fff;border-radius:0 0 20px 20px;box-shadow:0 26px 50px -18px rgba(30,33,64,.38);border-top:1px solid var(--tm-line);height:min(74vh,640px);overflow:hidden;animation:tmIn .18s ease-out}
@keyframes tmIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.tm-roots{list-style:none;margin:0;padding:6px 0;width:300px;flex:none;overflow:auto;border-inline-end:1px solid var(--tm-line);background:#fafafc;scrollbar-width:thin}
.tm-roots button{--tc:var(--tm-acc);width:100%;display:flex;align-items:center;gap:12px;padding:9px 18px;border:0;background:none;font:inherit;font-size:.98rem;font-weight:650;color:#45495f;cursor:pointer;text-align:start;line-height:1.5}
.tm-roots button .ic3,.tm-roots button>i{width:30px;height:30px;flex:none;font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center}
.tm-roots button.on,.tm-roots button:hover{background:#fff;color:var(--tc);font-weight:800;box-shadow:inset -3px 0 0 var(--tc)}
.tm-panel{flex:1;overflow:auto;padding:18px 26px 26px;scrollbar-width:thin}
.tm-all{display:flex;align-items:center;gap:12px;color:var(--tm-ink);text-decoration:none;margin-bottom:18px;padding:10px 14px;border-radius:16px;background:linear-gradient(135deg,var(--tm-soft),#fff);border:1px solid var(--tm-line);max-width:560px}
.tm-all .tm-allic,.tm-all .ic3{width:44px;height:44px;flex:none}
.tm-all span{display:flex;flex-direction:column;line-height:1.4;flex:1}.tm-all b{font-size:1.1rem}.tm-all small{color:var(--tm-sub);font-size:.8rem;letter-spacing:.06em}
.tm-all em{font-style:normal;font-weight:800;color:var(--tm-acc);background:color-mix(in srgb,var(--tm-acc) 10%,#fff);border-radius:99px;padding:3px 10px;font-size:.85rem}
.tm-all:hover{border-color:var(--tm-acc)}
.tm-cols{columns:4 220px;column-gap:28px}
.tm-col{break-inside:avoid;display:flex;flex-direction:column;gap:1px;margin-bottom:20px}
.tm-sub{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.98rem;color:var(--tm-ink);text-decoration:none;padding:4px 10px 6px;border-inline-start:3px solid var(--tm-acc);margin-bottom:4px}
.tm-sub i{font-size:.66rem;color:var(--tm-sub)}.tm-sub:hover{color:var(--tm-acc)}
.tm-leaf{color:#5f6372;text-decoration:none;font-size:.92rem;padding:5px 13px;line-height:1.6}.tm-leaf:hover{color:var(--tm-acc)}
.tm-more{color:var(--tm-acc);font-size:.84rem;font-weight:700;padding:4px 13px;text-decoration:none}
.tm-none{color:var(--tm-sub)}
.tm-skel{height:240px;border-radius:16px;background:linear-gradient(90deg,#f1f2f5,#fafbfc,#f1f2f5);background-size:200% 100%;animation:tmSk 1.2s linear infinite}
@keyframes tmSk{to{background-position:-200% 0}}
body.tm-lock{overflow:hidden}
@media (max-width:900px){
  .tm-in{height:50px}.tm-btn{height:50px;font-size:.98rem;padding:8px 6px 10px}
  .tm-mega{position:fixed;inset:0;z-index:300;background:#fff;flex-direction:column;justify-content:flex-start;pointer-events:auto}
  .tm-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--tm-line);font-size:1.08rem;color:var(--tm-ink)}
  .tm-x{width:42px;height:42px;border-radius:12px;border:0;background:var(--tm-soft);font-size:1.2rem;cursor:pointer}
  .tm-body{flex:1;height:auto;border-radius:0;box-shadow:none;border:0;animation:none}
  .tm-roots{width:108px;padding:0}
  .tm-roots button{flex-direction:column;gap:6px;padding:12px 6px;font-size:.76rem;text-align:center;justify-content:center;border-bottom:1px solid var(--tm-soft)}
  .tm-roots button .ic3{width:34px;height:34px}
  .tm-panel{padding:14px}.tm-cols{columns:1}.tm-col{margin-bottom:14px}.tm-all{max-width:none}
}
@media (prefers-reduced-motion:reduce){.tm-body{animation:none}}