.reading-tree-home{padding:24px 0 38px;color:#253c38}
.tree-intro{text-align:center;max-width:760px;margin:0 auto}
.tree-intro .eyebrow{margin-bottom:12px}
.tree-intro h1{font-family:Georgia,serif;font-size:clamp(34px,4.5vw,52px);letter-spacing:-1px;line-height:1.15;margin-bottom:16px}
.tree-intro p{max-width:620px;margin:0 auto;color:#55716b;font-size:16px}
.reading-tree{position:relative;height:570px;margin:30px 0 8px}
.tree-branches{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tree-branches path{fill:none;stroke:#9ab6a5;stroke-width:7;stroke-linecap:round}
.tree-leaf{position:absolute;width:29%;text-align:center;background:#e0edcf;border-radius:65px 65px 18px 65px;padding:24px 18px;box-shadow:0 5px 18px #253c3810;transition:transform .2s,box-shadow .2s}
.tree-leaf:hover{transform:translateY(-5px);box-shadow:0 10px 24px #253c3820}
.tree-shared{left:3.5%;top:38px}
.tree-phonics{left:35.5%;top:0}
.tree-readers{right:3.5%;top:38px}
.tree-icon{display:block;font-size:30px;line-height:1.3;margin-bottom:10px}
.tree-card-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:38px 38px 12px 38px;margin-bottom:16px;background:#faf8f0}
.tree-leaf h2{font-size:22px;line-height:1.25;letter-spacing:-.4px;margin-bottom:10px}
.tree-description,.tree-preview,.tree-action{display:block}
.tree-description{font-size:14px;color:#344f43}
.tree-preview{font-size:12px;color:#47624f;margin-top:5px}
.tree-action{font-size:13px;font-weight:700;color:#006d77;margin-top:16px}
.tree-trunk{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:240px;background:#f3e0d7;border-radius:12px;padding:22px 14px;text-align:center}
.tree-trunk>span{display:block;font-family:Georgia,serif;font-size:27px}
.tree-trunk small{display:block;font-size:12px;margin-top:5px}
.tree-footnote{text-align:center;font-size:13px;color:#55716b;margin:22px 0 0}
body:has(.reading-tree-home){background:#faf8f0}
@media(max-width:760px){.reading-tree{height:550px}.tree-leaf{padding:20px 12px}.tree-leaf h2{font-size:19px}.tree-preview{font-size:12px}}
@media(max-width:600px){.reading-tree-home{padding-top:14px}.tree-intro p{font-size:14px}.reading-tree{height:auto;display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:26px;padding-bottom:0}.tree-branches{display:none}.tree-leaf{position:relative;inset:auto;width:100%;max-width:360px;padding:20px;border-radius:55px 55px 18px 55px}.tree-leaf:after{content:'';position:absolute;top:100%;left:50%;height:22px;width:4px;background:#9ab6a5;pointer-events:none}.tree-leaf h2{font-size:23px}.tree-trunk{position:static;transform:none;width:240px}.tree-icon{font-size:25px;margin-bottom:6px}.tree-action{margin-top:10px}.tree-footnote{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.tree-leaf{transition:none}.tree-leaf:hover{transform:none}}