.p5t-hero,.p5t-kinds,.p5t-sum,.p5t-grid,.p5t-draw{--p5t-found:#8E44AD;color:#1F2933;font-family:Nunito,var(--u-font),sans-serif}
.p5t-hero{width:100%;max-width:360px;justify-self:center}
.p5t-hero svg,.p5t-kinds svg,.p5t-sum svg,.p5t-grid svg,.p5t-draw svg{display:block;width:100%;max-width:480px;height:auto;margin:0 auto}
.p5t-hero svg{max-width:360px}
.p5t-hero text,.p5t-kinds text,.p5t-sum text,.p5t-grid text,.p5t-draw text{text-anchor:middle;dominant-baseline:central;fill:#1F2933}
.p5t-letter{font-size:16px;font-weight:700}
.p5t-value{font-size:15px;font-weight:800}
.p5t-pro-number{font-size:14px;font-weight:700}
.p5t-side,.p5t-tick,.p5t-arc,.p5t-stair,.p5t-ray,.p5t-construction,.p5t-pro-mark{fill:none;stroke:#1F2933;stroke-linejoin:round;stroke-linecap:round}
.p5t-side{stroke-width:2.5}
.p5t-tick{stroke-width:2}
.p5t-arc{stroke-width:2.5;transition:stroke 250ms,fill 250ms}
.p5t-value{transition:fill 250ms}
.p5t-stair{stroke:#2F6FEB;stroke-width:2.5;stroke-dasharray:6 4}
.p5t-ray{stroke:#67757F;stroke-width:2;stroke-dasharray:6 4}
.p5t-construction{stroke:#67757F;stroke-width:2}
.p5t-protractor{fill:#E5E0D6;fill-opacity:.5;stroke:#67757F;stroke-width:1.5}
.p5t-protractor~.p5t-construction{stroke-width:1.5}
.p5t-pro-mark{stroke:#2F6FEB;stroke-width:3}
.p5t-hero .p5t-used,.p5t-kinds .p5t-used,.p5t-sum .p5t-used,.p5t-grid .p5t-used,.p5t-draw .p5t-used{fill:#2F6FEB}
path.p5t-used{fill:none!important;stroke:#2F6FEB}
.p5t-hero .p5t-unknown,.p5t-sum .p5t-unknown{fill:#67757F}
path.p5t-unknown{fill:none!important;stroke:#67757F;stroke-width:2}
.p5t-hero .p5t-found,.p5t-sum .p5t-found{fill:var(--p5t-found)}
path.p5t-found{fill:none!important;stroke:var(--p5t-found);stroke-width:2.5}
.p5t-q{font-size:15px;color:#67757F;margin:0 0 12px;line-height:1.5}
.p5t-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.p5t-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;flex-wrap:wrap}
.p5t-dots{display:flex;gap:6px;align-items:center}
.p5t-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#E5E0D6}
.p5t-dots i.p5t-current{background:#2F6FEB}
.p5t-tabs .sg-btn,.p5t-controls .sg-btn{box-sizing:border-box;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.p5t-controls .sg-btn{padding-left:12px;padding-right:12px}
.p5t-tabs .sg-btn:focus-visible,.p5t-controls .sg-btn:focus-visible,.sg-step:has(.p5t-stage) button:focus-visible,.sg-step:has(.p5t-kinds) button:focus-visible,.sg-ex button:focus-visible,.sg-quiz button:focus-visible{outline:2px solid #2F6FEB;outline-offset:2px}
.p5t-tabs .sg-btn:disabled,.p5t-controls .sg-btn:disabled{opacity:.5;cursor:default;transform:none}
.p5t-work{list-style:none;padding:0;margin:14px 0 0}
.p5t-work li{font-size:15px;font-variant-numeric:tabular-nums;line-height:1.5;color:#1F2933;margin:0 0 10px}
.p5t-work li>span{display:block}
.p5t-work li>span+span{font-size:14px;color:#67757F;padding-left:12px;font-weight:400}
.p5t-work li.p5t-last>span:first-child{color:#4A7A1E;font-weight:800}
.p5t-panel[hidden],.p5t-hero [hidden],.p5t-kinds [hidden],.p5t-panel [hidden]{display:none}
.p5t-instant *{transition:none!important}
.sg-step:has(.p5t-stage) .sg-opts button,.sg-step:has(.p5t-kinds) .sg-opts button,.sg-quiz .sg-opts button{box-sizing:border-box;min-width:44px;min-height:44px;overflow-wrap:anywhere}
.sg-step:has(.p5t-stage) .sg-opts button.not,.sg-step:has(.p5t-kinds) .sg-opts button.not,.sg-quiz .sg-opts button.not{background:#fff;box-shadow:inset 0 0 0 1.5px #67757F}
@media(max-width:900px){.p5t-hero{max-width:360px}}
@media(prefers-reduced-motion:reduce){.p5t-hero *,.p5t-kinds *,.p5t-sum *,.p5t-grid *,.p5t-draw *,.sg-ex *,.sg-quiz *,.sg-step:has(.p5t-stage) *,.sg-step:has(.p5t-kinds) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}