.circle-lesson-v2{--pi-blue:#3d95bd;--pi-purple:#9270c4;--pi-gold:#d7a23b;--pi-coral:#dc7968;background:#f8f7ef;padding:100px 0;color:#244b36}
.circle-lesson-v2 *{box-sizing:border-box}
.circle-lesson-v2 .pi-intro{text-align:center;margin:0 auto 42px;max-width:750px}
.circle-lesson-v2 .pi-intro .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:18px}
.circle-lesson-v2 .pi-intro h2{font-size:clamp(37px,4.6vw,61px);line-height:1.1;letter-spacing:-.045em;margin:0 0 22px}
.circle-lesson-v2 .pi-intro p{font-size:17px;color:#627568;margin:0}
.circle-lesson-v2 .pi-inline-symbol{font:italic 25px Georgia,serif;color:#356f50}
.circle-lesson-v2 .pi-lab{background:#fffdf7;border:1px solid #dbe4d5;border-radius:18px;box-shadow:0 8px 30px #35513c05;overflow:hidden}
.circle-lesson-v2 .pi-lab-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 30px 0;font-size:12px}
.circle-lesson-v2 .pi-lab-tag{display:flex;gap:9px;align-items:center;padding:9px 0;color:#3a6345;font-weight:500}
.circle-lesson-v2 .pi-lab-tag>span{font-size:20px;line-height:1}
.circle-lesson-v2 .pi-lab-tag>.pi-variable{font:italic 23px Georgia,serif;min-width:17px;color:#35684a}
.circle-lesson-v2 .pi-dot-hint{display:flex;align-items:center;gap:8px;color:#6b725e}
.circle-lesson-v2 .pi-dot-hint i{width:8px;height:8px;border-radius:50%;background:#d8ad48}
.circle-lesson-v2 .pi-stage{padding:0 18px;background:#fffdf7}
.circle-lesson-v2 #pi-wheel-scene{display:block;width:100%;height:auto;max-height:440px;margin:0 auto;overflow:visible}
.circle-lesson-v2 .pi-tick-labels{font:600 18px 'DM Sans',sans-serif;fill:#6a7d69}
.circle-lesson-v2 .pi-extra-text{font:600 14px 'DM Sans',sans-serif;fill:#ad5a4f}
.circle-lesson-v2 .pi-distance-strip{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:28px;border-top:1px solid #e0e7d9;border-bottom:1px solid #e0e7d9;padding:23px 32px;background:#f7f8f1}
.circle-lesson-v2 .pi-distance-title{display:flex;align-items:center;gap:21px}
.circle-lesson-v2 .pi-distance-title>span{font-size:11px;max-width:55px;line-height:1.5;color:#687d68}
.circle-lesson-v2 #pi-distance{font:500 clamp(29px,3.5vw,44px) Manrope,sans-serif;letter-spacing:-.06em;white-space:nowrap;font-variant-numeric:tabular-nums}
.circle-lesson-v2 #pi-distance small{font:12px 'DM Sans',sans-serif;letter-spacing:0;color:#677d69}
.circle-lesson-v2 .pi-count-pieces{display:flex;gap:9px;align-items:center;justify-content:flex-end}
.circle-lesson-v2 .pi-piece{display:flex;align-items:baseline;gap:4px;color:#9ba49a;background:transparent;border:0;border-bottom:2px solid #dfe6d9;padding:10px 13px;border-radius:0;transition:border-color .25s,color .25s;white-space:nowrap}
.circle-lesson-v2 .pi-piece b{font:600 22px Manrope,sans-serif;letter-spacing:-.05em}
.circle-lesson-v2 .pi-piece small{font-size:9px}
.circle-lesson-v2 .pi-count-plus{color:#9ba996;font-size:15px}
.circle-lesson-v2 .pi-blue.is-reached,.circle-lesson-v2 .pi-blue.is-current{border-color:#3d95bd;color:#267ca3}
.circle-lesson-v2 .pi-purple.is-reached,.circle-lesson-v2 .pi-purple.is-current{border-color:#9270c4;color:#7953ad}
.circle-lesson-v2 .pi-gold.is-reached,.circle-lesson-v2 .pi-gold.is-current{border-color:#d7a23b;color:#946914}
.circle-lesson-v2 .pi-coral.is-reached,.circle-lesson-v2 .pi-coral.is-current{border-color:#dc7968;color:#b26352}
.circle-lesson-v2 .pi-guide{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:32px}
.circle-lesson-v2 .pi-step-label{font-size:9px;letter-spacing:.13em;color:#819179;font-weight:600}
.circle-lesson-v2 .pi-narration h3{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:10px 0 10px}
.circle-lesson-v2 .pi-narration p{font-size:14px;line-height:1.6;color:#697b69;max-width:370px;min-height:45px;margin:0}
.circle-lesson-v2 .pi-interactions{display:flex;flex-direction:column;justify-content:center}
.circle-lesson-v2 .pi-button-row{display:flex;align-items:center;gap:12px}
.circle-lesson-v2 #pi-next{border:0;min-height:49px;flex:1;justify-content:center;font-size:13px;padding:13px 16px;gap:10px;white-space:nowrap;background:#315d40;color:#fffdf6;border-radius:7px;transition:background .2s}
.circle-lesson-v2 #pi-next:hover{background:#254d34}
.circle-lesson-v2 #pi-next:disabled{background:#e2ebd9;color:#466b47;cursor:default;transform:none;box-shadow:none}
.circle-lesson-v2 .pi-reset{display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid #dde4d6;color:#64795e;min-height:49px;padding:10px 12px;border-radius:9px;font-size:19px}
.circle-lesson-v2 .pi-reset span{font-size:11px}
.circle-lesson-v2 .pi-reset:hover{background:#f1f5e9}
.circle-lesson-v2 .pi-slider-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:400;color:#7b8972;margin:22px 0 3px}
.circle-lesson-v2 #pi-turn-count{white-space:nowrap;color:#526e53;font-variant-numeric:tabular-nums}
.circle-lesson-v2 #pi-progress{width:100%;min-height:44px;margin:0;accent-color:#4c7850;cursor:ew-resize}
.circle-lesson-v2 button:focus-visible,.circle-lesson-v2 input:focus-visible{outline:3px solid #72a4be;outline-offset:5px}
.circle-lesson-v2 .pi-discovery{margin:33px auto 0;text-align:center;padding:25px 20px;max-width:800px;border-radius:20px;transition:background .5s,box-shadow .5s}
.circle-lesson-v2 .pi-discovery.is-discovered{background:#eef3e4;box-shadow:inset 0 0 0 1px #dae5cc}
.circle-lesson-v2 .pi-formula{display:flex;align-items:center;justify-content:center;gap:15px;font:italic 27px Georgia,serif;color:#436647}
.circle-lesson-v2 .pi-formula>span:not(.pi-divide){border-bottom:2px solid #b9c9ae;padding-bottom:5px}
.circle-lesson-v2 .pi-formula .pi-divide{font-size:24px;color:#a0b18e}
.circle-lesson-v2 .pi-formula strong{font:italic 42px Georgia,serif;white-space:nowrap}
.circle-lesson-v2 .pi-formula strong small{font-size:30px}
.circle-lesson-v2 .pi-discovery p{font-size:16px;line-height:1.6;color:#63735d;margin:17px 0 9px}
.circle-lesson-v2 .pi-discovery p strong{font-weight:600;color:#34573c}
.circle-lesson-v2 .pi-discovery .pi-equation{font:italic 22px Georgia,serif;white-space:nowrap}
.circle-lesson-v2 .pi-discovery .pi-worked-example{font-size:13px;margin:16px 0;color:#71806a}
.circle-lesson-v2 .pi-worked-example b{font-weight:500;color:#486540;white-space:nowrap}
.circle-lesson-v2 .pi-small-print{display:block;font-size:11px;line-height:1.6;color:#87917e}
.circle-lesson-v2 .pi-invite{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;border-top:1px solid #dce4d4;margin-top:32px;padding-top:28px;font-size:14px;color:#7b8970}
.circle-lesson-v2 .pi-invite .text-button{font-size:14px;min-height:44px;color:#365f40}
@media(max-width:950px){.circle-lesson-v2 .pi-distance-strip{grid-template-columns:1fr;gap:17px;padding:20px 28px}.circle-lesson-v2 .pi-distance-title{justify-content:center}.circle-lesson-v2 .pi-distance-title>span{max-width:none}.circle-lesson-v2 .pi-count-pieces{justify-content:center}.circle-lesson-v2 .pi-guide{gap:28px;padding:27px}.circle-lesson-v2 .pi-narration h3{font-size:23px}.circle-lesson-v2 #pi-next{font-size:12px}}
@media(max-width:650px){.circle-lesson-v2{padding:70px 0}.circle-lesson-v2 .pi-intro{margin-bottom:28px}.circle-lesson-v2 .pi-intro h2{font-size:39px}.circle-lesson-v2 .pi-intro p{font-size:14px}.circle-lesson-v2 .pi-lab{border-radius:15px}.circle-lesson-v2 .pi-lab-top{padding:19px 16px 3px;gap:10px;flex-wrap:wrap;font-size:10px}.circle-lesson-v2 .pi-lab-tag{padding:3px 0;gap:7px}.circle-lesson-v2 .pi-lab-tag>span{font-size:16px}.circle-lesson-v2 .pi-dot-hint{font-size:10px;gap:6px}.circle-lesson-v2 .pi-stage{padding:7px 0 0}.circle-lesson-v2 #pi-wheel-scene{min-height:175px}.circle-lesson-v2 .pi-tick-labels{font-size:24px}.circle-lesson-v2 .pi-extra-text{font-size:16px}.circle-lesson-v2 .pi-distance-strip{padding:17px 15px;gap:14px}.circle-lesson-v2 .pi-distance-title{gap:15px}.circle-lesson-v2 #pi-distance{font-size:32px}.circle-lesson-v2 .pi-count-pieces{gap:6px}.circle-lesson-v2 .pi-piece{flex:1;justify-content:center;flex-direction:column;align-items:center;gap:1px;padding:8px 7px;border-radius:0}.circle-lesson-v2 .pi-piece b{font-size:21px}.circle-lesson-v2 .pi-piece small{font-size:9px}.circle-lesson-v2 .pi-count-plus{font-size:12px}.circle-lesson-v2 .pi-guide{grid-template-columns:1fr;padding:24px 21px;gap:22px}.circle-lesson-v2 .pi-narration h3{font-size:24px;margin-top:8px}.circle-lesson-v2 .pi-narration p{font-size:14px;min-height:44px}.circle-lesson-v2 #pi-next{font-size:12px;min-height:48px}.circle-lesson-v2 .pi-slider-label{margin-top:20px;font-size:10px}.circle-lesson-v2 .pi-discovery{padding:22px 10px;margin-top:24px}.circle-lesson-v2 .pi-formula{font-size:22px;gap:9px;flex-wrap:wrap}.circle-lesson-v2 .pi-formula strong{font-size:35px}.circle-lesson-v2 .pi-formula strong small{font-size:25px}.circle-lesson-v2 .pi-formula .pi-divide{font-size:20px}.circle-lesson-v2 .pi-discovery p{font-size:14px}.circle-lesson-v2 .pi-small-print{font-size:10px;max-width:275px;margin:0 auto}.circle-lesson-v2 .pi-invite{gap:8px;flex-direction:column;font-size:12px;margin-top:20px;padding-top:24px}}
@media(prefers-reduced-motion:reduce){.circle-lesson-v2 *{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:650px){.circle-lesson-v2 .pi-guide .pi-interactions{grid-row:1}.circle-lesson-v2 .pi-guide .pi-narration{grid-row:2}}