/* ==qnav-mobile== القائمة الجانبية كدُرج على الجوّال */
#navToggle,#navScrim{display:none}
@media(max-width:820px){
  .sidebar{position:fixed;top:0;right:0;bottom:0;width:min(84vw,300px);z-index:70;
    transform:translateX(102%);transition:transform .26s ease;overflow-y:auto;
    box-shadow:-18px 0 44px rgba(0,0,0,.55)}
  body.nav-open .sidebar{transform:translateX(0)}
  .page-area{width:100%;max-width:100%}
  #navScrim{display:block;position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.55);
    opacity:0;pointer-events:none;transition:opacity .26s ease}
  body.nav-open #navScrim{opacity:1;pointer-events:auto}
  #navToggle{display:flex;align-items:center;justify-content:center;position:fixed;
    bottom:18px;right:18px;width:52px;height:52px;border-radius:50%;
    z-index:80;border:1px solid var(--line,#2e2720);background:var(--panel,#1a1713);
    color:var(--gold,#c9a961);font-size:21px;cursor:pointer;
    box-shadow:0 8px 26px rgba(0,0,0,.5)}
  body.nav-open #navToggle{right:calc(min(84vw,300px) + 14px)}
  #navToggle:active{transform:scale(.94)}
}

/* ==qlegend== الدليل: مطويّ افتراضياً ويُفتح بالضغط */
.tree-legend .tl-title{cursor:pointer;user-select:none;display:flex;align-items:center;gap:6px;white-space:nowrap}
.tree-legend .tl-title::after{content:'\25be';font-size:10px;opacity:.7;transition:transform .2s}
.tree-legend.tl-min{width:auto;min-width:0;max-width:none;padding:6px 12px;opacity:.72}
.tree-legend.tl-min:hover{opacity:1}
.tree-legend.tl-min>*:not(.tl-title){display:none!important}
.tree-legend.tl-min .tl-title::after{transform:rotate(180deg)}
@media(max-width:820px){.tree-legend{max-width:70vw;font-size:12px}}

/* ==qlegend-pos== يرفع الدليل فوق زرّ القائمة على الجوّال */
@media(max-width:820px){
  .tree-legend{bottom:84px!important;right:14px!important;left:auto!important}
}

/* ==qnav-print== إخفاء زرّ القائمة والعتمة والدليل عند الطباعة */
@media print{
  #navToggle,#navScrim{display:none!important}
  .tree-legend{display:none!important}
  body.nav-open .sidebar{transform:none!important}
}