.note-copy{border-left:0!important;padding-left:0!important;position:relative;width:100%;height:100%;display:grid!important;align-items:center}.note .chapter-icon{opacity:0;position:absolute;pointer-events:none}.note-front,.note-back{grid-area:1/1;transition:opacity .22s,transform .22s;display:flex;flex-direction:column;justify-content:center}.note-front{align-items:center;text-align:center;opacity:1;transform:translateY(0)}.note-front strong{font-size:1.9cqw!important}.note-front em{font:500 1.6cqw/1.3 Arial!important;letter-spacing:.08em!important;color:#5c3d50!important;margin-top:.7cqh!important}.note-back{opacity:0;transform:translateY(7px);font:400 1.13cqw/1.4 'KaiTi',serif;pointer-events:none}.note-back b{font:500 .85cqw/1.4 'KaiTi',serif;color:#82475f;margin-top:.7cqh;white-space:nowrap}.note:hover .note-front,.note:focus-visible .note-front,.note.is-revealed .note-front{opacity:0;transform:translateY(-7px)}.note:hover .note-back,.note:focus-visible .note-back,.note.is-revealed .note-back{opacity:1;transform:translateY(0)}.note:hover:before{background:none;border-color:transparent}.note{padding:1cqh 1.4cqw!important}.note:hover{translate:0 0}.signal-overlay,.growth-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.signal-node{animation:signal-pass 6s infinite;animation-delay:var(--delay)}.signal-line{stroke:#e7e5e2;stroke-width:2;stroke-dasharray:4 5;fill:none;opacity:.7}.step-wash{animation:step-pass 6s infinite;animation-delay:var(--delay);fill:#ed70a0;opacity:0;mix-blend-mode:multiply}@keyframes signal-pass{0%,15%,100%{fill:#fff;stroke:#fff}28%,60%{fill:#77777f;stroke:#77777f}}@keyframes step-pass{0%,10%,85%,100%{opacity:0}25%,65%{opacity:.6}}.growth-segment{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:5;filter:drop-shadow(0 0 5px #407eff);animation:journey-pass 10s infinite;animation-delay:var(--delay)}@keyframes journey-pass{0%,10%,100%{stroke:#568aff}25%,45%{stroke:#fff6fa}60%,75%{stroke:#ff6574}}
@media(max-width:760px){.note-copy{min-height:100px}.note-front strong{font-size:25px!important}.note-front em{font-size:21px!important}.note-back{font-size:18px;line-height:1.45}.note-back b{font-size:13px;white-space:normal}.signal-overlay,.growth-overlay{display:none}.note{padding:15px!important}}
@media(prefers-reduced-motion:reduce){.signal-node,.step-wash,.growth-segment{animation:none!important}.note-front,.note-back{transition:none}}
@media(min-width:761px){.note-back{font-size:.96cqw;line-height:1.25}.note-back b{font-size:.75cqw;line-height:1.2;margin-top:.45cqh}.note-back>span{display:block}.note-copy{height:100%;max-height:100%}.note{padding:.8cqh 1.4cqw!important}}
/* Expanded content is a readable paper panel instead of tiny text fitted into a label. */
.note-back{font-size:clamp(20px,1.48cqw,27px)!important;line-height:1.5!important}.note-back b{font-size:clamp(17px,1.12cqw,21px)!important;line-height:1.5!important;white-space:normal!important;margin-top:12px!important}.note:is(:hover,:focus-visible,.is-revealed){z-index:30!important;background:#f2e6d8!important;box-shadow:0 12px 36px #130d1855;clip-path:polygon(1% 3%,14% 0,29% 2%,48% 0,67% 2%,85% 0,99% 3%,98% 44%,100% 72%,98% 98%,82% 100%,62% 98%,44% 100%,22% 98%,0 100%,2% 68%,0 35%);height:auto!important;min-height:210px!important;padding:22px!important}.note:is(:hover,:focus-visible,.is-revealed) .note-copy{height:auto!important;min-height:170px;max-height:none!important}.note-front{pointer-events:none}.note-back{pointer-events:none}.note-copy{overflow:visible!important}
@media(min-width:761px){.note-0:is(:hover,:focus-visible,.is-revealed),.note-1:is(:hover,:focus-visible,.is-revealed),.note-2:is(:hover,:focus-visible,.is-revealed){width:27.5%!important}.note-3:is(:hover,:focus-visible,.is-revealed),.note-4:is(:hover,:focus-visible,.is-revealed),.note-5:is(:hover,:focus-visible,.is-revealed){left:70%!important;width:28%!important}.note-2:is(:hover,:focus-visible,.is-revealed),.note-5:is(:hover,:focus-visible,.is-revealed){top:61%!important}.note-back{position:relative!important}.note-front{position:absolute;inset:0}}
@media(max-width:760px){.note-back{font-size:21px!important;line-height:1.55!important}.note-back b{font-size:17px!important}.note:is(:hover,:focus-visible,.is-revealed){min-height:240px!important}.note:is(:hover,:focus-visible,.is-revealed) .note-copy{min-height:190px}}
/* Fit expanded paper to its text; no fixed empty panel height. */
.note:is(:hover,:focus-visible,.is-revealed){min-height:0!important;padding:12px 16px!important}.note:is(:hover,:focus-visible,.is-revealed) .note-copy{min-height:0!important;height:auto!important;max-height:none!important;display:block!important}.note:is(:hover,:focus-visible,.is-revealed) .note-front{position:absolute!important;inset:0}.note:is(:hover,:focus-visible,.is-revealed) .note-back{min-height:0!important;height:auto!important;line-height:1.42!important}.note-back b{margin-top:6px!important;line-height:1.35!important}