.manual-tree{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:12px}
.tree{list-style:none;margin:0;padding-left:16px}
.tree > li{margin:4px 0}
.tree-toggle{background:transparent;border:0;color:var(--text);cursor:pointer;margin-right:6px;font-size:0.95rem}
.tree-bullet{display:inline-block;width:16px;text-align:center;color:var(--muted);margin-right:4px}
.tree-link{color:var(--text);text-decoration:none}
.tree-link:hover{text-decoration:underline}
.tree-children{margin-left:18px;padding-left:10px;border-left:1px dashed var(--border)}

.breadcrumb{margin:8px 0 12px}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb .current{color:var(--text)}
.breadcrumb span{margin:0 6px;color:var(--muted)}

.manual-content .content-body p{line-height:1.6}
.children{margin-top:16px}

/* CTA "Schema riassuntivo combattimento" */
.cta-combat{
  --grad1: #7c9dff; --grad2:#46e6c4;
  display:flex; align-items:center; gap:14px;
  width:100%; text-decoration:none;
  background: linear-gradient(120deg, color-mix(in oklab, var(--grad1), #000 10%), color-mix(in oklab, var(--grad2), #000 10%));
  padding:14px 16px; border-radius:16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
  border:1px solid color-mix(in oklab, var(--grad1), var(--grad2) 50%);
  transition: transform .12s ease, filter .12s ease;
}
.cta-combat:hover{ transform: translateY(-1px); filter: brightness(1.03); }
.cta-combat .icon{
  width:40px; height:40px; display:grid; place-items:center;
  border-radius:12px; background: rgba(0,0,0,.18);
  font-size:22px;
}
.cta-combat .copy{ display:flex; flex-direction:column; gap:2px; }
.cta-combat strong{ color:#fff; font-size:1.05rem; line-height:1.2; }
.cta-combat em{ color:#0b0b0f; background:rgba(255,255,255,.75); padding:2px 8px; border-radius:999px; font-style:normal; font-size:.85rem; width:fit-content }
.cta-combat .cta-open{
  margin-left:auto; color:#0b0b0f; background:#fff; padding:8px 12px; border-radius:12px;
  font-weight:600; border:1px solid rgba(255,255,255,.6);
}
@media (max-width:640px){
  .cta-combat{ flex-wrap:wrap; gap:10px }
  .cta-combat .cta-open{ margin-left:0 }
}