.library-sections .learning-tree{scroll-margin-top:16px}.learning-tree-intro{color:var(--color-ink-muted);max-width:52ch;margin-top:16px;font-size:1.0625rem;line-height:1.75}.learning-tree-layout{background:#fbf8f4;border-radius:16px;padding:24px;position:relative}.learning-tree-map{height:470px;position:relative;overflow:hidden}.learning-tree-art{width:100%;height:400px;display:block}.learning-branch{min-width:0}.learning-branch summary{z-index:1;cursor:pointer;background:var(--color-paper);border:1px solid #e7d9cd;border-radius:28px 8px;width:240px;padding:16px 20px;list-style:none;transition:border-color .15s,background-color .15s;position:absolute}.learning-branch summary::-webkit-details-marker{display:none}.learning-branch summary:hover{border-color:#a66e54}.learning-branch summary:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:4px}.learning-branch[open] summary{border-color:var(--color-brand-primary);background:#f2e6dc}.learning-branch--belief summary{top:80px;left:7%}.learning-branch--quran summary{top:64px;right:7%}.learning-branch--worship summary{top:244px;left:10%}.learning-branch--character summary{top:244px;right:8%}.learning-branch h3{color:var(--color-ink);align-items:center;gap:16px;font-size:1.25rem;font-weight:600;line-height:1.4;display:flex}.learning-branch h3>span{flex:1;min-width:0}.learning-branch h3>svg{color:var(--color-brand-primary);flex-shrink:0}.learning-branch[open] h3>svg{transform:rotate(180deg)}.learning-branch small{color:var(--color-ink-muted);margin-top:4px;font-size:.875rem;font-weight:400;display:block}.learning-tree-roots{text-align:center;width:max-content;max-width:calc(100% - 32px);position:absolute;top:420px;left:50%;transform:translate(-50%)}.learning-tree-roots>a{font-size:1rem}.learning-tree-roots>p{color:var(--color-ink-muted);margin-top:4px;font-size:.8125rem}.learning-branch-content{background:var(--color-paper);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:48px;margin-top:8px;padding:32px;display:grid}.learning-branch-intro h4{color:var(--color-ink);font-size:1.75rem;font-weight:600;line-height:1.3}.learning-branch-intro>p{color:var(--color-ink-muted);margin-top:12px;font-size:1rem;line-height:1.75}.learning-branch-intro>a{margin-top:20px}.learning-branch-content ul{margin:0;padding:0;list-style:none}.learning-branch-content li+li{margin-top:12px}.learning-branch-content li a{padding-block:8px;display:block}.learning-leaf-title{justify-content:space-between;align-items:start;gap:16px;display:flex}.learning-leaf-title>svg{color:var(--color-brand-primary);flex-shrink:0;margin-top:4px}.learning-branch-content li a:hover strong{text-underline-offset:4px;text-decoration:underline}.learning-leaf-title strong{color:var(--color-ink);font-size:1.0625rem;font-weight:600;line-height:1.6}.learning-leaf-note{color:var(--color-ink-muted);margin-top:4px;font-size:.875rem;line-height:1.6;display:block}.learning-branch-content .review-status{margin-top:8px}.learning-tree-note{color:var(--color-ink-muted);max-width:75ch;margin-top:20px;font-size:.875rem;line-height:1.75}.learning-tree-note a{color:var(--color-brand-primary);text-underline-offset:3px;text-decoration:underline}@media (width<=1023px){.learning-tree-layout{padding:16px}.learning-tree-map{height:450px}.learning-tree-art{width:640px;max-width:none;height:200px;margin-left:-320px;position:absolute;top:0;left:50%}.learning-tree-roots{top:204px}.learning-branch summary{border-radius:20px 6px;width:calc(50% - 24px);min-height:84px;padding:12px 16px}.learning-branch--belief summary,.learning-branch--quran summary{top:284px}.learning-branch--worship summary,.learning-branch--character summary{top:380px}.learning-branch--belief summary,.learning-branch--worship summary{left:16px}.learning-branch--quran summary,.learning-branch--character summary{right:16px}.learning-branch h3{gap:8px;font-size:1.0625rem}.learning-branch small{font-size:.75rem}.learning-branch-content{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:16px;padding:24px}}@media (width<=380px){.learning-tree-layout{padding:12px}.learning-branch summary{width:calc(50% - 18px);padding-inline:12px}.learning-branch--belief summary,.learning-branch--worship summary{left:12px}.learning-branch--quran summary,.learning-branch--character summary{right:12px}.learning-branch-content{padding:20px 16px}}
