.p5p-hero,.p5p-sq,.p5p-pv,.p5p-pt,.p5p-of,.p5p-gst{color:#1F2933;font-variant-numeric:tabular-nums}
.p5p-hero svg,.p5p-sq svg,.p5p-pt svg,.p5p-of svg,.p5p-gst svg{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;font-family:Nunito,var(--u-font),sans-serif;font-variant-numeric:tabular-nums}
.p5p-hero text,.p5p-pt text,.p5p-of text,.p5p-gst text{font-size:14px}
.sg-hero:has(.p5p-hero){grid-template-columns:minmax(0,1fr) minmax(0,420px)}
.p5p-tabs,.p5p-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:12px 0}
.p5p-tabs .sg-btn,.p5p-buttons .sg-btn,.p5p-nav .sg-btn,.sg-ex .sg-btn{box-sizing:border-box;min-width:44px;min-height:44px;text-align:center}
.p5p-tabs .sg-btn:hover,.p5p-buttons .sg-btn:hover,.p5p-nav .sg-btn:hover{transform:none}
.p5p-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}
.p5p-nav button:disabled{opacity:.5;cursor:default}
.p5p-dots{display:flex;gap:8px;align-items:center}
.p5p-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#E5E0D6}
.p5p-dots i.on{background:#2F6FEB}
.p5p-panel[hidden]{display:none}
.p5p-work{list-style:none;padding:0;margin:12px auto 0;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.5;text-align:left;max-width:320px;overflow-wrap:anywhere}
.p5p-work li{font-weight:400}
.p5p-work li:last-child{font-weight:700}
.p5p-work.p5p-last li:last-child{color:#4A7A1E;font-weight:800}
.p5p-spell{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0}
.p5p-spell>div{border:1px solid #E5E0D6;border-radius:10px;min-width:92px;padding:8px 12px}
.p5p-spell span{display:block;font-size:13px;color:#67757F;text-align:center}
.p5p-spell output{display:block;font-size:22px;font-weight:800;color:#1F2933;text-align:center}
.p5p-spell output.p5p-unknown{color:#67757F}
.p5p-sq svg rect{transition:fill 120ms}
.p5p-q{font-size:15px;color:#67757F}
.p5p-chart{width:292px;max-width:100%;margin:14px auto}
.p5p-headings,.p5p-digitrow{display:grid;grid-template-columns:68px 68px 20px 68px 68px}
.p5p-headings{font-size:12px;font-weight:700;color:#67757F;text-align:center}
.p5p-digitrow{position:relative;height:56px}
.p5p-col{border:1px solid #E5E0D6}
.p5p-point{position:relative}
.p5p-point::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#1F2933;left:5px;top:23px}
.p5p-tile{position:absolute;box-sizing:border-box;top:4px;left:0;width:44px;height:48px;border-radius:8px;background:#FFFFFF;border:1.5px solid #1F2933;display:grid;place-items:center;font-size:24px;font-weight:800;color:#1F2933;transition:transform 300ms ease-out}
.p5p-tile.p5p-written{border:1.5px dashed #67757F;color:#67757F}
.p5p-range{display:block;font-size:15px;max-width:320px;margin:0 auto}
.p5p-range input{display:block;width:100%;height:44px;margin:0;accent-color:#2F6FEB}
.p5p-of-part rect{transition:width 250ms ease-out}
.p5p-of-work span{color:#2F6FEB;font-weight:800}
.p5p-hero-part{transform:scaleX(0);transform-box:fill-box;transform-origin:left}
.p5p-hero-label,.p5p-hero-answer{opacity:0}
.p5p-hero.p5p-enter .p5p-hero-part{animation:p5p-grow 600ms ease-out 500ms both}
.p5p-hero.p5p-enter .p5p-hero-label{animation:p5p-fade 250ms ease-out 1300ms both}
.p5p-hero.p5p-enter .p5p-hero-answer{animation:p5p-fade 250ms ease-out 2000ms both}
@keyframes p5p-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes p5p-fade{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.sg-hero:has(.p5p-hero){grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.p5p-hero-part{transform:none}.p5p-hero-label,.p5p-hero-answer{opacity:1}.sg-main *,.sg-main *::before,.sg-main *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sg-main:has(.p5p-hero) .sg-opts button{box-sizing:border-box;min-height:44px;min-width:44px}