/* Identité Breathcode : glacier, bleu profond, lumière et souffle. */
.breathcode-tree{--purple:#245280;--ink:#17324d;background-image:linear-gradient(#e9f1f950,#e9f1f92b),url('./images/breathcode-lac.webp');background-position:center;background-size:cover;color:#17324d}
.breathcode-tree:after{background:linear-gradient(#e6eef775,transparent 55%,#dce8f060);z-index:-1}.breathcode-tree .tree-intro p:not(.eyebrow),.breathcode-tree .tree-quote p,.breathcode-tree .tree-quote>span,.breathcode-tree .tree-root>p:not(.eyebrow){color:#17324d!important}.breathcode-tree .tree-orb{--orb:#245280;--halo:#83aac8;background:radial-gradient(circle at 32% 22%,#ffffff60,transparent 45%),radial-gradient(circle at 55% 58%,#17324d,var(--orb) 68%,var(--halo));border-color:#d8ebff;box-shadow:inset 0 0 15px #a1d4ff70,0 0 0 7px #e2f2ff40,0 0 0 8px #d8ebffb0,0 0 0 17px #d8ebff25,0 0 0 18px #d8ebff55,0 8px 35px #17324d40}.breathcode-tree .warm-orb{--orb:#276b80;--halo:#8fc9df}.breathcode-tree .tree-branch-card{background:#edf3f8e8;border-color:#b7cddd}.breathcode-tree .tree-branch-card:hover{background:#f9fcff}.breathcode-tree .tree-root-details>summary{background:#edf3f8e8;border-color:#b7cddd}.breathcode-tree .tree-preview{background:radial-gradient(circle at 20% 15%,#5b98ba70,transparent 65%),#17324d}.breathcode-tree .tree-preview.is-text{background:#dde8f0;color:#245280}.breathcode-tree .is-text .tree-preview-icon,.breathcode-tree .is-text .tree-media-label{color:#245280}.breathcode-tree .tree-practices a{background:#f4f8fbed;border-color:#b7cddd}.breathcode-tree .available .tree-bead{background:#245280;border-color:#245280}.breathcode-tree .tree-footer>p{color:#17324d}.breath-back{display:inline-block;font-size:12px;margin-bottom:16px;text-decoration:underline;text-underline-offset:4px}.breath-draft{display:block;font-size:11px;margin-top:12px;padding:8px;background:#fffaf0db;border-radius:8px}.breathcode-tree .tree-intro{min-height:270px}.breathcode-tree .tree-root{margin-top:-250px}.breathcode-tree .tree-branches{gap:clamp(25px,6vw,100px)}
@media(max-width:1050px) and (min-width:651px){.breathcode-tree .tree-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(max-width:650px){.breathcode-tree .tree-root{margin:60px auto 0}.breathcode-tree .tree-intro{min-height:0}.breathcode-tree .tree-branches{display:block}.breathcode-tree{background-size:auto 100%;background-position:center}}
/* Les ressources texte restent compactes ; les vidéos gardent leur vignette. */
.breathcode-tree .tree-practices a:has(.is-text){display:flex;align-items:center;min-height:84px}.breathcode-tree .tree-preview.is-text{width:58px;height:58px;min-width:58px;aspect-ratio:1;margin:12px;border-radius:12px}.breathcode-tree .is-text .tree-media-label{display:none}.breathcode-tree .tree-practices a:has(.is-text) .tree-lesson-info{padding:12px 12px 12px 0}.breathcode-tree .tree-practices a:has(.is-text) .tree-bead{display:none}