.word-tree{--tree-ink:#102b40;--tree-green:#12a185;--tree-line:#bfd5d0;max-width:1160px;margin:auto;color:var(--tree-ink);padding:8px 0 40px}
.word-tree .tree-back{display:inline-block;padding:10px 0;color:#246988}.word-tree .tree-heading{padding:20px 0}.word-tree .tree-heading>span{color:#078268;font-weight:700}.word-tree .tree-heading h1{font:750 clamp(30px,5vw,46px)/1.2 system-ui,sans-serif;margin:12px 0}.word-tree .tree-heading p{color:#526b7b;line-height:1.7;margin:0}
.word-tree .tree-tools{background:white;border:1px solid #dae7ed;border-radius:18px;padding:20px;margin-bottom:26px}.word-tree .tree-stats{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.word-tree .tree-stats b{font-size:20px}.word-tree .tree-stats span{font-size:13px;color:#526b7b}.word-tree progress{width:100%;height:9px;accent-color:var(--tree-green)}
.word-tree .tree-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.word-tree button{width:auto;min-height:44px;cursor:pointer;border:1px solid #bad3df;background:#f4f8fb;color:#16567e;border-radius:10px;padding:9px 13px;font:600 14px/1.4 system-ui,sans-serif}.word-tree button[aria-pressed=true]{background:#102b40;color:white}.word-tree button:disabled{opacity:.5;cursor:not-allowed}.word-tree button:focus-visible,.word-tree summary:focus-visible{outline:3px solid #12a185;outline-offset:3px}.word-tree .tree-note{font-size:12px;line-height:1.6;color:#627b87;margin:12px 0 0}.word-tree .tree-status{font-size:14px;color:#805429;margin:8px 0 0}.word-tree .tree-status:empty{display:none}
.word-tree .tree-root{display:inline-block;background:#102b40;color:white;padding:14px 20px;border-radius:12px;font-weight:700}.word-tree .tree-branches{border-left:2px solid var(--tree-line);margin-left:22px;padding:24px 0 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.word-tree .tree-group{position:relative;min-width:0;border:1px solid #d7e5e9;border-radius:14px;background:white}.word-tree .tree-group:before{content:"";position:absolute;left:-26px;top:29px;width:24px;border-top:2px solid var(--tree-line)}.word-tree summary{padding:16px;cursor:pointer;min-height:56px;list-style:revert;font-weight:700;line-height:1.6}.word-tree summary small{font-size:12px;font-weight:500;color:#617b89;margin-left:8px}.word-tree .tree-leaves{list-style:none;padding:0 14px 14px 25px;margin:0}.word-tree .tree-leaf{position:relative;border-left:1px solid var(--tree-line);padding:10px 0 10px 15px;border-bottom:1px solid #eff3f5}.word-tree .tree-leaf:before{content:"";position:absolute;width:10px;border-top:1px solid var(--tree-line);left:0;top:32px}.word-tree .tree-leaf:last-child{border-bottom:0}
.word-tree .tree-wordline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.word-tree .tree-word{font:600 23px/1.25 Georgia,serif;overflow-wrap:anywhere;min-width:0;flex:1 1 100px}.word-tree .tree-speak{flex:0 0 auto;min-width:70px}.word-tree .tree-speak.is-speaking{background:#0c806c;color:white}.word-tree .tree-meaning{display:block;color:#536b78;line-height:1.6;font-size:15px;margin:4px 0}.word-tree [hidden]{display:none!important}.word-tree .tree-check{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:12px;color:#637c86;margin:0;width:auto}.word-tree .tree-check input{position:static;opacity:1;inset:auto;width:20px;height:20px;margin:0;padding:0;accent-color:#12a185}.word-tree .tree-leaf.is-mastered .tree-word{color:#078268}
@media(max-width:700px){.word-tree .tree-branches{grid-template-columns:1fr;margin-left:10px;padding-left:16px;gap:14px}.word-tree .tree-group:before{left:-18px;width:16px}.word-tree .tree-tools{padding:15px}.word-tree .tree-leaves{padding-left:16px}.word-tree summary{padding:13px}.word-tree .tree-heading{padding:14px 0 20px}.word-tree .tree-word{font-size:22px}.word-tree .tree-stats span{width:100%}}