.pp-root{max-width:1280px;color:var(--bdb-ink);font-family:var(--bdb-font);background:var(--bdb-ground);margin:auto;padding:16px 24px 30px}.pp-root *{box-sizing:border-box}.pp-root button,.pp-root input,.pp-root select,.pp-root summary{font:inherit;min-height:44px}.pp-root button,.pp-root select,.pp-root input{color:#29241f;background:#fffdf8;border:1px solid #c4b7a7;border-radius:9px;padding:9px 13px}.pp-root button{cursor:pointer;font-weight:700}.pp-root button:disabled{cursor:default;opacity:.45}.pp-root :focus-visible{outline-offset:3px;outline:3px solid #087a85}.pp-root button[aria-pressed=true]{background:#e0f0eb;border-color:#086763}.pp-root input[type=checkbox]{vertical-align:middle;accent-color:#086763;width:17px;height:17px;min-height:auto}.pp-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pp-modes{background:#eae3d8;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:8px;padding:5px;display:grid}.pp-modes button{text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:12px;min-height:64px;display:flex}.pp-modes button strong{letter-spacing:-.025em;font-size:18px}.pp-modes button span{color:#6e6357;font-size:12px;font-weight:500}.pp-modes button[aria-pressed=true]{color:#fff;background:#173f3b;border-color:#173f3b;box-shadow:0 3px 9px #173f3b20}.pp-options{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}.pp-options>label{align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.pp-options select{max-width:270px}.pp-secondary{margin-left:auto;font-size:13px}.pp-secondary button{color:#635a50;background:0 0;border-color:#0000}.pp-kicker{letter-spacing:.13em;color:#6e6459;margin:0;font-size:11px;font-weight:800}.pp-root h1{letter-spacing:-.025em;margin:8px 0;font-size:clamp(25px,2.6vw,36px);line-height:1.2}.pp-root h2{letter-spacing:-.025em;margin:7px 0 12px;font-size:23px;line-height:1.2}.pp-root p{margin:9px 0;line-height:1.45}.pp-root small{font-size:.65em}.pp-sentence{text-align:center;margin:14px 0 18px}.pp-context{color:#655a4f;font-size:17px}.pp-editor{background:#fffdf8;border:1px solid #d5cbbf;border-radius:16px;margin:18px 0;padding:24px}.pp-editor .pp-row{align-items:end}.pp-editor label{gap:7px;font-size:14px;font-weight:700;display:grid}.pp-editor input{width:120px;font-size:22px}.pp-editor select{max-width:270px}.pp-editor-footer{justify-content:space-between;align-items:center;gap:24px;margin-top:20px;display:flex}.pp-editor-footer p{color:#6e6459;font-size:13px}.pp-editor-footer .pp-primary{width:auto}.pp-workspace{align-items:start;gap:24px}.pp-demo{grid-template-columns:minmax(0,1fr) 290px;display:grid}.pp-practice{max-width:1000px;margin:auto}.pp-paper{background:#fffefb;border:1px solid #d9cfc2;border-radius:18px;min-width:0;overflow:hidden}.pp-diagram{aspect-ratio:760/350;width:100%;max-width:760px;margin:auto;position:relative}.pp-diagram svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pp-path{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.pp-path-right{stroke:#ae5b32;stroke-dasharray:11 6}.pp-slot{text-align:center;width:12%;position:absolute;transform:translate(-50%,-50%)}.pp-slot-0{top:14.86%;left:31.58%}.pp-slot-1{top:38.29%;left:31.58%}.pp-slot-2{top:14.86%;left:68.42%}.pp-slot-3{top:38.29%;left:68.42%}.pp-slot button{background:0 0;border:1px dashed #bcae9c;width:100%;min-height:48px;padding:0;font-size:clamp(27px,3.5vw,44px);font-weight:800;line-height:1.1}.pp-slot button:disabled{opacity:1;color:#252c28;border-color:#0000}.pp-label{color:#766956;font-size:11px;font-weight:600;line-height:16px;position:absolute;top:-18px;left:-15px;right:-15px}.pp-slot-1 .pp-label{text-align:right;width:90px;top:17px;left:auto;right:110%}.pp-slot-3 .pp-label{text-align:left;width:90px;top:17px;left:110%;right:auto}.pp-fraction-line{background:#292e28;width:18%;height:2px;position:absolute;top:26.86%}.pp-fraction-left{left:22.58%}.pp-fraction-right{left:59.42%}.pp-equals{background:0 0;font-size:28px;line-height:1;position:absolute;top:24.4%;left:50%;transform:translate(-50%,-50%)}.pp-landings{pointer-events:none;position:absolute;inset:0}.pp-landing{text-align:center;width:32%;font-size:clamp(23px,2.5vw,32px);font-weight:700;line-height:1.25;position:absolute;top:57.5%}.pp-landing-0{color:#096863;left:3%}.pp-landing-1{color:#924723;right:3%}.pp-product-equals{font-size:30px;line-height:1.25;position:absolute;top:57.5%;left:50%;transform:translate(-50%)}.pp-denominator{margin:0 4%;padding-top:10px;display:block}.pp-root .pp-denominator input{pointer-events:auto;text-align:center;background:#edf7f2;border:0;border-bottom:2px solid #3e8172;border-radius:0;width:135px;max-width:100%;font-size:25px}.pp-written-line{height:54px;position:absolute;inset:79% 0 auto}.pp-written-side{justify-content:center;align-items:center;gap:7px;width:32%;font-size:27px;display:flex;position:absolute}.pp-written-side-0{left:3%}.pp-written-side-1{right:3%}.pp-root .pp-written-side input{text-align:center;background:#edf7f2;border:0;border-bottom:2px solid #3e8172;border-radius:0;width:130px;max-width:75%;font-size:25px}.pp-written-equals{font-size:28px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.pp-cancel{text-align:center;background:#eef5ef;border-top:1px solid #d9e7dd;padding:9px;font-size:18px;margin:0!important}.pp-answer-line{justify-content:center;align-items:center;gap:12px;padding:14px;font-size:27px;font-weight:700;display:flex}.pp-root .pp-answer-line input{text-align:center;background:#edf7f2;border:0;border-bottom:2px solid #3e8172;border-radius:0;width:150px;font-size:26px}.pp-result{text-align:center;padding:12px 16px}.pp-result strong{font-size:32px}.pp-result p{font-size:22px}.pp-tiles{flex-wrap:wrap;justify-content:center;gap:12px;padding:0 16px 12px;display:flex}.pp-tiles button{background:#f6f0e4;border-color:#d7c7af;min-width:76px;font-size:29px;box-shadow:0 3px #ddd0bf}.pp-tiles small{color:#796953;font-size:10px;font-weight:600;display:block}.pp-tiles p{text-align:center;color:#706456;width:100%;font-size:12px}.pp-tiles button,.pp-slot button{touch-action:none;-webkit-user-select:none;user-select:none}.pp-tiles button{cursor:grab}.pp-tiles button:active{cursor:grabbing}.pp-action{padding:10px 0}.pp-action select{width:100%;max-width:100%}.pp-action form{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.pp-action fieldset{border:1px solid #c6bba9;border-radius:10px;flex:1;min-width:0;padding:10px}.pp-action legend{font-size:14px;font-weight:700}.pp-factor-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pp-factor-grid button{padding:4px;font-size:22px}.pp-root .pp-primary{color:#fff;background:#174c43;border-color:#174c43;min-height:46px;margin:6px 0;padding:10px 22px}.pp-practice .pp-action{text-align:center}.pp-practice .pp-action h2{margin:6px 10px;font-size:19px;display:inline-block}.pp-practice .pp-action>.pp-kicker{display:inline-block}.pp-practice .pp-action form p{font-size:14px}.pp-practice .pp-action>button{margin:4px}.pp-stack{gap:8px;display:grid}.pp-feedback{background:#fff0d4;border-left:3px solid #aa702c;padding:8px 12px;font-size:14px}.pp-demo-explain{min-height:90px;font-size:17px;line-height:1.5!important}.pp-demo-cue{border-top:1px solid #567168;margin-top:20px;padding-top:14px}.pp-demo-cue span{letter-spacing:.1em;color:#b6d3b9;font-size:10px}.pp-demo-cue p{color:#ebf1e5;font-size:15px}.pp-demo-navigation{gap:8px;margin-top:20px;display:flex}.pp-demo-navigation button{padding:8px;font-size:13px}.pp-demo-navigation .pp-primary{color:#213c37;background:#d8eecf;border-color:#d8eecf;flex:1;margin:0}.pp-demo .pp-stack{margin-top:12px}.pp-visual{background:#fffdf8;border:1px solid #d9cfc2;border-radius:12px;margin-top:14px;padding:18px}.pp-bar-scale{background:#f0e9dd;width:100%;height:56px;position:relative}.pp-bar-whole{z-index:2;border:3px solid #252c34;position:absolute;inset:0 auto 0 0}.pp-bar-fill{background:repeating-linear-gradient(90deg,#6aaca5 0 calc(10% - 1px),#fff 10%);position:absolute;inset:0 auto 0 0}.pp-explanation{color:#706456;margin-top:16px}.pp-root summary{cursor:pointer;padding:11px 4px;font-size:13px;font-weight:600;display:list-item}.pp-math{font-size:24px;line-height:1.7!important}.pp-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pp-building .pp-diagram{aspect-ratio:760/210}.pp-building .pp-slot-0,.pp-building .pp-slot-2{top:24.76%}.pp-building .pp-slot-1,.pp-building .pp-slot-3{top:63.81%}.pp-building .pp-fraction-line{top:44.76%}.pp-building .pp-equals{top:40.67%}@media (max-width:850px){.pp-root{padding:10px 14px}.pp-modes button{text-align:center;flex-direction:column;gap:4px}.pp-modes button strong{font-size:15px}.pp-options{flex-wrap:wrap}.pp-secondary{margin-left:0}.pp-demo{grid-template-columns:1fr}.pp-demo .pp-action{padding:16px}.pp-demo-explain{min-height:0}.pp-demo-cue{margin-top:10px;padding-top:10px}.pp-label{font-size:10px}.pp-slot-1 .pp-label,.pp-slot-3 .pp-label{width:65px}.pp-demo-navigation{margin-top:10px}}@media (min-width:851px) and (max-height:650px){.pp-root{padding:6px 24px 18px}.pp-modes button{min-height:48px}.pp-modes button span{display:none}.pp-options{margin:6px 0}.pp-options select{min-height:40px;padding:6px 10px}.pp-sentence{margin:6px 0 12px}.pp-root h1{font-size:26px}.pp-context{font-size:14px;margin:4px!important}.pp-demo{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.pp-demo .pp-action{padding:16px}.pp-demo .pp-action h2{font-size:21px}.pp-demo-explain{min-height:70px;font-size:15px}.pp-demo-cue{margin-top:10px;padding-top:10px}.pp-demo-navigation{margin-top:12px}.pp-practice .pp-diagram{max-width:620px}.pp-practice .pp-action{padding:5px 0}.pp-practice .pp-action p{margin:4px}.pp-tiles p{margin:0}.pp-tiles button{min-height:52px;font-size:25px}.pp-tiles{padding-bottom:8px}.pp-practice .pp-slot button{font-size:34px}.pp-practice .pp-landings{font-size:27px}.pp-practice .pp-written-line{top:78%}.pp-cancel{padding:6px;font-size:16px}.pp-answer-line{padding:8px}}@media (prefers-reduced-motion:reduce){.pp-root *{transition:none!important;animation:none!important}}.pp-root{--pp-navy:#102436;--pp-cream:#fffaf0;--pp-paper:#fffdf7;--pp-green:#2f9e43;--pp-teal:#108b9b;color:var(--pp-navy);background:var(--pp-cream);max-width:none;min-height:calc(100svh - 78px)}.pp-toolbar,.pp-options,.pp-sentence,.pp-workspace,.pp-editor,.pp-explanation,.pp-visual{max-width:1250px;margin-left:auto;margin-right:auto}.pp-root button,.pp-root select,.pp-root input{color:var(--pp-navy);background:var(--pp-paper);border-width:2px;border-color:#d9cdb7;font-weight:700}.pp-modes{background:0 0;border-radius:3px;gap:8px;padding:0}.pp-modes button{--mode-accent:#2f9e43;--mode-soft:#e5f2d7;--mode-ink:#14531e;background:var(--mode-soft);color:var(--mode-ink);border:0;border-radius:3px;justify-content:flex-start;gap:14px;padding:10px 18px}.pp-modes button:nth-child(2){--mode-accent:#b97805;--mode-soft:#fff1c7;--mode-ink:#674000}.pp-modes button:nth-child(3){--mode-accent:#167da0;--mode-soft:#dff2f8;--mode-ink:#0a4e65}.pp-modes button>div{flex-direction:column;gap:3px;display:flex}.pp-modes button strong{letter-spacing:-.035em;font-size:22px;font-weight:850}.pp-modes button span{color:inherit;font-size:12px}.pp-mode-letter{background:var(--mode-accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:23px;font-style:normal;font-weight:850;display:grid}.pp-modes button[aria-pressed=true]{background:var(--mode-accent);color:#fff;box-shadow:none}.pp-modes button[aria-pressed=true] span{color:inherit}.pp-modes button[aria-pressed=true] .pp-mode-letter{color:var(--mode-accent);background:#fff}.pp-paper,.pp-editor{background:var(--pp-paper);border:2px solid #d9cdb7;border-radius:6px}.pp-root h1{font-weight:850}.pp-slot button:disabled{color:var(--pp-navy)}.pp-fraction-line{background:var(--pp-navy);border-radius:9px;height:3px}.pp-root .pp-primary{background:var(--pp-teal);color:#fff;border:3px solid #086f7e;border-radius:12px;font-weight:800;box-shadow:0 10px 24px -20px #086f7e}.pp-root .pp-primary:hover{background:#086f7e}.pp-root .pp-new{color:#0a4e65;background:#dff2f8;border-color:#167da0}.pp-tiles button{color:#14531e;background:#e5f2d7;border-color:#83ac6a;border-radius:10px;box-shadow:0 3px #b6cda4}.pp-root .pp-written-side input,.pp-root .pp-denominator input,.pp-root .pp-answer-line input{color:var(--pp-navy);background:#e9f5f7;border-bottom:3px solid #108b9b;font-weight:800}.pp-path-left{stroke:#2f9e43}.pp-path-right{stroke:#167da0}.pp-landing-0{color:#1f7431}.pp-landing-1{color:#086f7e}.pp-demo .pp-action{color:var(--pp-navy);background:0 0;border-radius:0;padding:12px 6px}.pp-demo .pp-kicker{color:#625949}.pp-demo .pp-action h2{font-size:27px;font-weight:850}.pp-demo-explain{font-weight:650}.pp-demo-cue{color:#14531e;background:#e5f2d7;border:0;border-radius:6px;padding:12px 14px}.pp-demo-cue span{color:#1f7431;font-weight:800}.pp-demo-cue p{color:#14531e}.pp-demo-navigation .pp-primary{color:#fff;background:#108b9b;border-color:#086f7e}.pp-cancel{color:#14531e;background:#e5f2d7;border-color:#c4d8b4}@media (min-width:851px) and (max-height:650px){.pp-modes button{min-height:52px;padding:7px 14px}.pp-mode-letter{width:34px;height:34px;font-size:20px}.pp-modes button strong{font-size:20px}.pp-demo .pp-action h2{font-size:23px}.pp-demo .pp-action{padding:8px 0}}@media (max-width:850px){.pp-modes button{gap:5px;padding:8px}.pp-modes button strong{font-size:16px}.pp-mode-letter{width:30px;height:30px;font-size:18px}.pp-modes button span{font-size:10px}}@media (min-width:851px) and (max-height:650px){body:has(.pp-root) .tn-bar.site{min-height:58px}.pp-practice .pp-action-3,.pp-practice .pp-action-5,.pp-practice .pp-action-6{text-align:left;grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.pp-practice .pp-action-3>.pp-kicker,.pp-practice .pp-action-5>.pp-kicker,.pp-practice .pp-action-6>.pp-kicker,.pp-practice .pp-action-3 form p,.pp-practice .pp-action-5 form p{display:none}.pp-practice .pp-action-3>.pp-feedback,.pp-practice .pp-action-5>.pp-feedback,.pp-practice .pp-action-6>.pp-feedback{grid-column:1/-1}.pp-finish{background:#e5f2d7;justify-content:center;align-items:center;gap:12px;display:flex}.pp-finish:empty{display:none}.pp-finish .pp-cancel{border:0;font-size:15px}.pp-finish .pp-answer-line{font-size:24px}.pp-finish .pp-answer-line input{width:100px;min-height:44px;padding:4px;font-size:24px}.pp-practice.pp-stage-6 .pp-diagram{max-width:580px}.pp-practice.pp-stage-2 .pp-diagram{max-width:540px}.pp-practice .pp-action-2 form{grid-template-columns:1fr 1fr;max-width:620px;margin:auto;display:grid}.pp-action-2 form>.pp-primary{grid-column:1/-1;justify-self:center}.pp-practice .pp-action-0{text-align:left;grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.pp-practice .pp-action-0>.pp-kicker,.pp-practice .pp-action-0 form p{display:none}.pp-practice .pp-action-0>.pp-feedback{grid-column:1/-1}.pp-practice .pp-action-1 .pp-stack{grid-template-columns:1fr 1fr}}.pp-root .pp-workspace{width:100%;max-width:1000px;margin-inline:auto;display:block}.pp-root .pp-paper{padding-top:18px}.pp-root .pp-diagram{max-width:680px}.pp-root .pp-demo .pp-action{text-align:center;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px;max-width:760px;margin:12px auto 0;padding:0;display:grid}.pp-root .pp-demo .pp-action>.pp-kicker,.pp-root .pp-demo .pp-action>h2,.pp-root .pp-demo-explain,.pp-root .pp-demo .pp-action>.pp-stack{grid-column:1/-1}.pp-root .pp-demo .pp-action>h2{margin:4px 0;font-size:23px}.pp-root .pp-demo-explain{min-height:0;margin:4px 0 12px;font-size:16px}.pp-root .pp-demo-cue{text-align:left;margin:0;padding:8px 12px}.pp-root .pp-demo-cue p{margin:3px 0}.pp-root .pp-demo-navigation{min-width:250px;margin:0}.pp-root .pp-demo-navigation button{min-height:44px}@media (min-width:851px) and (max-height:650px){.pp-root .pp-diagram{max-width:580px}.pp-root .pp-paper{padding-top:12px}.pp-root .pp-demo .pp-action{column-gap:12px;margin-top:6px}.pp-root .pp-demo .pp-action>h2{margin:2px 0;font-size:20px}.pp-root .pp-demo-explain{margin:2px 0 6px;font-size:14px}.pp-root .pp-demo-cue{padding:5px 10px}.pp-root .pp-demo-cue p{font-size:13px}}@media (max-width:600px){.pp-root .pp-demo .pp-action{grid-template-columns:1fr;gap:8px}.pp-root .pp-demo-navigation{justify-content:center;min-width:0}.pp-root .pp-paper{padding-top:24px}}@media (min-width:851px) and (max-height:650px){.pp-root .pp-demo .pp-diagram{max-width:540px}.pp-root .pp-demo .pp-action>.pp-kicker{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.pp-root .pp-demo .pp-action>h2{text-align:left;grid-area:1/1}.pp-root .pp-demo-explain{text-align:left;grid-area:2/1}.pp-root .pp-demo-navigation{grid-area:1/2/3}.pp-root .pp-demo-cue{grid-area:3/1/auto/-1;align-items:center;gap:12px;padding:5px 10px;display:flex}.pp-root .pp-demo-cue p{margin:0}}.pp-root.pp-guided .pp-sentence{margin-bottom:10px}.pp-root .pp-sentence-term{font:inherit;letter-spacing:inherit;vertical-align:baseline;background:0 0;border:0;border-radius:8px;min-height:44px;padding:4px 10px;line-height:1.2;display:inline-block;position:relative}.pp-root .pp-sentence-term:hover{background:#e5f2d7}.pp-term-active{color:#14531e!important;background:#e5f2d7!important}.pp-sentence-term svg{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 8px);position:absolute;inset:-4px -6px;overflow:visible}.pp-sentence-term ellipse{fill:none;stroke:#2f9e43;stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:1;animation:.7s ease-out both pp-circle}.pp-root .pp-guide-bubble{text-align:left;background:#e5f2d7;border:2px solid #79ab66;border-radius:14px;max-width:720px;margin:14px auto 12px;padding:12px 18px;animation:.25s ease-out both pp-bubble;position:relative;box-shadow:0 4px #14531e0a}.pp-guide-bubble:before{content:"";background:#e5f2d7;border-top:2px solid #79ab66;border-left:2px solid #79ab66;width:14px;height:14px;position:absolute;top:-9px;left:calc(50% - 8px);transform:rotate(45deg)}.pp-root .pp-guide-bubble h2{margin:3px 0 5px;font-size:21px}.pp-root .pp-guide-bubble p{margin:4px 0;font-size:16px;line-height:1.4}.pp-guide-count{letter-spacing:.12em;color:#14531e;font-size:10px;font-weight:800}.pp-root .pp-guide-bubble summary{color:#14531e;min-height:32px;padding:6px 0;font-size:13px}.pp-root.pp-guided .pp-paper{padding-top:12px}.pp-paper .pp-guide-bubble{width:calc(100% - 28px);margin:0 auto 20px}.pp-paper .pp-guide-bubble:before{top:auto;bottom:-9px;transform:rotate(225deg)}.pp-root .pp-guide-target button{outline-offset:4px;background:#e5f2d7;border-radius:50%;outline:3px solid #2f9e43;transition:background .2s}.pp-root.pp-guided .pp-demo .pp-action{max-width:720px;margin:8px auto 0;padding:0;display:block}.pp-guide-navigation{justify-content:center;align-items:center;gap:10px;display:flex}.pp-root .pp-guide-navigation .pp-primary{min-width:160px;margin:0}.pp-guide-frame-4 .pp-path-left,.pp-guide-frame-5 .pp-path-right{animation:1.3s ease-in-out both pp-trace}.pp-guide-frame-6 .pp-landing,.pp-guide-frame-7 .pp-landing,.pp-guide-frame-8 .pp-landing,.pp-guide-frame-9 .pp-denominator,.pp-guide-frame-10 .pp-cancel,.pp-guide-frame-11 .pp-result{background:#e5f2d7;border-radius:6px;box-shadow:0 0 0 3px #79ab66}@keyframes pp-circle{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes pp-bubble{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pp-trace{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (min-width:851px) and (max-height:650px){.pp-root.pp-guided .pp-sentence{margin:2px auto 8px}.pp-root.pp-guided h1{margin:2px 0;font-size:24px}.pp-root.pp-guided .pp-diagram{max-width:490px}.pp-root.pp-guided .pp-slot button{font-size:30px}.pp-root.pp-guided .pp-landing{font-size:24px}.pp-root .pp-guide-bubble{margin-top:8px;margin-bottom:8px;padding:6px 14px}.pp-root .pp-guide-bubble h2{margin:2px 0;font-size:18px}.pp-root .pp-guide-bubble p{font-size:14px}.pp-paper .pp-guide-bubble{margin:0 auto 18px}.pp-root.pp-guided .pp-paper{padding-top:8px}.pp-root.pp-guided .pp-demo .pp-action{margin-top:6px}}@media (prefers-reduced-motion:reduce){.pp-root .pp-guide-target button{transition:none}.pp-sentence-term ellipse{stroke-dashoffset:0}}.pp-guide-bubble:before{left:calc(var(--guide-anchor,50%) - 8px)}.pp-root.pp-guided .pp-demo .pp-action{z-index:3;background:var(--pp-cream);padding:8px 0;position:sticky;bottom:0}@media (min-width:851px) and (max-height:650px){.pp-root.pp-guided .pp-guide-bubble{min-height:90px;padding-right:120px}.pp-root.pp-guided .pp-guide-bubble details{position:static}.pp-root.pp-guided .pp-guide-bubble summary{align-items:center;min-height:44px;display:flex;position:absolute;top:8px;right:12px}.pp-root.pp-guided .pp-guide-bubble details[open] p{border-top:1px solid #79ab66;margin-right:-100px;padding-top:6px}.pp-root.pp-guided:not(.pp-guide-frame-9):not(.pp-guide-frame-10):not(.pp-guide-frame-11) .pp-demo .pp-diagram{margin-bottom:-40px}.pp-root.pp-guided .pp-building .pp-diagram{margin-bottom:-20px!important}.pp-root.pp-guided .pp-demo .pp-action{padding:4px 0}}.pp-root .pp-marked-word{vertical-align:top;text-align:center;grid-template-rows:auto 24px;align-items:center;gap:4px;display:inline-grid;position:relative}.pp-root button.pp-marked-word{padding:4px 10px}.pp-word{line-height:1.25;display:block}.pp-sentence-term .pp-word{border-bottom:2px solid;padding-bottom:3px}.pp-word-note{color:#14531e;letter-spacing:0;white-space:nowrap;font-size:15px;font-weight:750;line-height:22px;display:block}.pp-root .pp-marked-word:not(button){padding:4px 3px}.pp-root .pp-marked-word svg{height:calc(100% - 25px);top:-2px}.pp-percent-word .pp-word:empty{min-height:30px}.pp-of-bar{color:#102436;font-size:26px;line-height:20px}.pp-playback{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:6px;display:flex}.pp-playback label{align-items:center;gap:6px;font-size:12px;display:flex}.pp-root .pp-playback select{min-height:44px;padding:6px;font-size:12px}.pp-playback>span{color:#516354;font-size:12px}.pp-root .pp-playback .pp-primary{margin:0;padding:7px 14px}.pp-morph-layer{pointer-events:none;z-index:10;position:fixed;inset:0}.pp-morph-layer>span{color:#14531e;background:#e5f2d7;border-radius:10px;padding:4px 8px;font-size:32px;font-weight:800;animation:1.6s ease-in-out both pp-transfer;position:absolute;transform:translate(-50%,-50%)}@keyframes pp-transfer{0%,12%{opacity:1;transform:translate(-50%,-50%)}85%{transform:translate(calc(-50% + var(--move-x)),calc(-50% + var(--move-y)));opacity:1}to{transform:translate(calc(-50% + var(--move-x)),calc(-50% + var(--move-y)));opacity:0}}@media (min-width:851px) and (max-height:650px){.pp-playback>span{display:none}.pp-root.pp-guided .pp-guide-navigation button{padding:6px 12px;font-size:13px}.pp-root.pp-guided .pp-demo .pp-action{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:100%;display:flex}.pp-playback{gap:8px;margin:0}.pp-playback label{font-size:0}.pp-playback select{max-width:125px}.pp-root .pp-guide-navigation .pp-primary{min-width:0}.pp-root.pp-guided h1{font-size:22px}}@media (prefers-reduced-motion:reduce){.pp-morph-layer{display:none}}.pp-root.pp-morphing .pp-slot button{opacity:0}.pp-guide-frame-0 .pp-word-note{animation:.4s ease-out both pp-bubble}.pp-guide-frame-0 .pp-marked-word:nth-child(2) .pp-word-note{animation-delay:.25s}.pp-guide-frame-0 .pp-marked-word:nth-child(3) .pp-word-note{animation-delay:.5s}.pp-guide-frame-0 .pp-marked-word:nth-child(4) .pp-word-note{animation-delay:.75s}.pp-guide-frame-0 .pp-marked-word:nth-child(5) .pp-word-note{animation-delay:1s}.pp-guide-frame-0 .pp-marked-word:nth-child(6) .pp-word-note{animation-delay:1.25s}@media (prefers-reduced-motion:reduce){.pp-root.pp-morphing .pp-slot button{opacity:1}}.pp-root .pp-playback button[aria-pressed=true]{color:#fff;background:#086f7e;border-color:#064c55}body:has(.pp-intro) .tn-bar.site{display:none}.pp-intro{color:#102436;min-height:100svh;font-family:var(--bdb-font);box-sizing:border-box;background:#fffaf0;flex-direction:column;padding:24px;display:flex}.pp-intro *{box-sizing:border-box}.pp-intro-scene{flex-direction:column;flex:1;align-items:center;min-height:430px;padding-top:clamp(55px,18vh,180px);display:flex;position:relative}.pp-intro-sentence{white-space:nowrap;justify-content:center;align-items:flex-start;gap:clamp(10px,1.7vw,26px);margin:0;font-size:clamp(26px,4.6vw,60px);font-weight:800;line-height:1.25;display:flex}.pp-intro-term{text-align:center;grid-template-rows:auto 50px;gap:12px;display:grid;position:relative}.pp-intro-word{border-radius:8px;padding:5px 7px;transition:background .25s;position:relative}.pp-intro-term.is-current .pp-intro-word{color:#14531e;background:#e5f2d7}.pp-intro-word.is-underlined:after{content:"";transform-origin:0;background:#2f9e43;height:3px;animation:.8s ease-out both pp-intro-underline;position:absolute;bottom:0;left:4px;right:4px}.pp-intro-note{color:#14531e;font-size:clamp(20px,2.6vw,32px);font-weight:700;line-height:1.3}.pp-intro-symbol{font-size:clamp(26px,3vw,40px)}.pp-intro-note.is-new{animation:.55s ease-out .95s both pp-intro-label}.pp-intro-question{margin-left:-18px;padding-top:5px}.pp-intro-proportion{width:min(640px,90vw);height:210px;margin-top:35px;font-size:48px;font-weight:800;position:relative}.pp-intro-value{text-align:center;width:100px;height:60px;line-height:60px;position:absolute;transform:translate(-50%)}.pp-intro-value-0{top:0;left:28%}.pp-intro-value-1{top:100px;left:28%}.pp-intro-value-2{top:0;left:72%}.pp-intro-value-3{top:100px;left:72%}.pp-intro-fraction{background:#102436;width:25%;height:3px;position:absolute;top:80px}.pp-intro-fraction-left{left:15.5%}.pp-intro-fraction-right{left:59.5%}.pp-intro-equal{text-align:center;width:60px;height:60px;line-height:60px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.pp-intro-percent-note{text-align:center;color:#14531e;width:100%;margin:0;font-size:18px;position:absolute;top:170px}.pp-intro-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:14px 0 0;display:flex}.pp-intro-controls button,.pp-intro-controls select{font:inherit;color:#102436;cursor:pointer;background:#fffdf7;border:1px solid #d9cdb7;border-radius:9px;min-height:44px;padding:9px 14px;font-size:14px}.pp-intro-controls .pp-intro-play{color:#fff;background:#108b9b;border-color:#086f7e;min-width:125px;font-weight:750}.pp-intro-controls label{align-items:center;gap:7px;font-size:12px;display:flex}.pp-intro-controls .pp-intro-exit{color:#637064;background:0 0;border-color:#0000}.pp-intro-controls :focus-visible{outline-offset:3px;outline:3px solid #108b9b}.pp-intro-flight{z-index:5;pointer-events:none;color:#14531e;background:#e5f2d7;border-radius:8px;padding:3px 9px;font-size:44px;font-weight:800;animation:1.4s ease-in-out both pp-transfer;position:fixed;transform:translate(-50%,-50%)}.pp-intro .is-arriving{animation:.2s 1.3s both pp-intro-arrive}@keyframes pp-intro-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pp-intro-label{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pp-intro-arrive{0%{opacity:0}to{opacity:1}}.pp-root.pp-guided .pp-guide-bubble{max-width:520px;min-height:0;padding:6px 12px;font-size:13px}.pp-root.pp-guided .pp-guide-bubble h2{margin:2px 0;font-size:17px}.pp-root.pp-guided .pp-guide-bubble p{margin:3px 0;font-size:13px;line-height:1.3}.pp-root.pp-guided .pp-guide-bubble summary{min-height:26px;padding:3px 0;font-size:12px;display:list-item;position:static}.pp-root.pp-guided .pp-guide-bubble details[open] p{margin-right:0}@media (max-height:650px){.pp-intro{padding:16px}.pp-intro-scene{min-height:440px;padding-top:70px}.pp-intro-sentence{gap:15px;font-size:38px}.pp-intro-proportion{height:190px;margin-top:20px;font-size:40px}.pp-intro-term{grid-template-rows:auto 42px}.pp-intro-note{font-size:25px}.pp-intro-controls{padding-top:6px}}@media (max-width:700px){.pp-intro-sentence{gap:5px;font-size:clamp(21px,4.5vw,32px)}.pp-intro-word{padding-inline:3px}.pp-intro-question{margin-left:0}.pp-intro-note{font-size:18px}.pp-intro-controls{gap:6px}.pp-intro-controls button{padding-inline:9px}}@media (prefers-reduced-motion:reduce){.pp-intro *,.pp-intro :after{transition:none!important;animation:none!important}.pp-intro-flight{display:none}}.pp-intro{position:relative}.pp-intro-flight{text-align:center;color:#102436;width:100px;height:60px;animation-name:pp-intro-transfer;animation-duration:calc(1.4s * var(--intro-speed));background:0 0;border-radius:0;padding:0;line-height:60px;position:absolute}@keyframes pp-intro-transfer{0%,8%{opacity:1;transform:translate(-50%,-50%)}92%{transform:translate(calc(-50% + var(--move-x)),calc(-50% + var(--move-y)));opacity:1}to{transform:translate(calc(-50% + var(--move-x)),calc(-50% + var(--move-y)));opacity:0}}.pp-intro .is-arriving{animation-delay:calc(1.3s * var(--intro-speed));animation-duration:calc(.1s * var(--intro-speed))}.pp-intro-word.is-underlined:after{animation-duration:calc(.8s * var(--intro-speed))}.pp-intro-note.is-new{animation-duration:calc(.55s * var(--intro-speed));animation-delay:calc(.95s * var(--intro-speed))}.pp-intro-paused *,.pp-intro-paused :after{transition:none!important;animation-play-state:paused!important}.pp-root .pp-slot-0,.pp-root .pp-slot-1{left:40.7895%}.pp-root .pp-slot-2,.pp-root .pp-slot-3{left:59.2105%}.pp-root .pp-slot-1,.pp-root .pp-slot-3{top:45.7143%}.pp-root .pp-fraction-line{width:13.1579%;top:30.2857%}.pp-root .pp-fraction-left{left:34.2105%}.pp-root .pp-fraction-right{left:52.6316%}.pp-root .pp-equals{top:30.7143%}.pp-root .pp-building .pp-slot-1,.pp-root .pp-building .pp-slot-3{top:76.1905%}.pp-root .pp-building .pp-fraction-line{top:50.4762%}.pp-root .pp-building .pp-equals{top:51.1905%}.pp-root .pp-slot{z-index:1}.pp-root .pp-guide-bubble{border-left:6px solid #2f9e43;max-width:600px}.pp-root.pp-guided .pp-guide-bubble h2{color:#14531e;font-size:24px;font-weight:850}.pp-root.pp-guided .pp-guide-bubble>p{color:#102436;font-size:18px;font-weight:750;line-height:1.35}.pp-root.pp-guided .pp-guide-bubble .pp-guide-count{font-size:11px}@media (max-height:650px){.pp-root.pp-guided .pp-guide-bubble h2{font-size:21px}.pp-root.pp-guided .pp-guide-bubble>p{font-size:16px}}.pp-root .pp-slot button:disabled{background:0 0}.pp-root .pp-equals{z-index:2;background:var(--pp-paper,#fffdf7);padding:0 4px}.pp-root .pp-slot:has(button:disabled):before{content:"";background:var(--pp-paper,#fffdf7);z-index:-1;pointer-events:none;border-radius:50%;position:absolute;inset:-7px}.pp-root .pp-path-left,.pp-root .pp-path-right{stroke:#c62828;stroke-dasharray:none}