.pem-public{color:#173e68;max-width:1080px;margin:auto;padding:14px 24px 24px}.pem-back{color:#0b7070;font-size:.85rem;font-weight:750}.pemdas{color:#173e68;background:#fff;border:1px solid #d3e2e6;border-radius:14px;max-width:1000px;margin:12px auto;padding:20px}.pemdas *{box-sizing:border-box}.pemdas h1{margin:8px 0;font-size:clamp(1.8rem,3vw,2.5rem)}.pemdas p{line-height:1.5}.pemdas button{font:inherit;cursor:pointer;color:#173e68;background:#fff;border:1px solid #a8bfc8;border-radius:8px;padding:10px 15px;font-weight:750}.pemdas .pem-primary{color:#fff;background:#0b7070;border-color:#0b7070}.pemdas button:focus-visible,.pemdas summary:focus-visible{outline-offset:3px;outline:3px solid #e7b83b}.pemdas summary{cursor:pointer;font-weight:750}.pem-priorities{counter-reset:pem;grid-template-columns:1fr 1fr;gap:10px;padding:0;list-style-position:inside;display:grid}.pem-priorities li{counter-increment:pem;background:#eef7f4;border-radius:9px;gap:3px;padding:12px;display:grid}.pem-priorities strong:before{content:counter(pem) ". ";color:#0b7070}.pem-priorities span{font-size:.85rem}.pem-goal{color:#4d6474;font-size:.9rem}.pem-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.pem-heading h2{margin:3px 0;font-size:1.1rem}.pem-heading .eyebrow{margin:0;font-size:.7rem}.pem-score{flex-wrap:wrap;justify-content:flex-end;gap:6px 12px;font-size:.78rem;font-weight:800;display:flex}.pem-score span{background:#eef5f7;border-radius:6px;padding:5px 8px}.pem-levels{gap:6px;margin:12px 0;display:flex}.pem-levels span{background:#eaf0f3;border-radius:5px;place-items:center;width:30px;height:26px;font-weight:800;display:grid}.pem-levels .current{color:#fff;background:#173e68}.pem-levels .complete{color:#20603e;background:#d7efe1}.pem-problem{text-align:center;background:#f0f7f6;border-radius:12px;margin:10px 0;padding:12px 16px}.pem-problem p{color:#526b78;margin:0;font-size:.8rem}.pem-expression{overflow-wrap:anywhere;margin:12px 0;font-family:Georgia,serif;font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;line-height:1.25}.pem-problem h3{margin:0;font-size:1.05rem}.pem-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pem-choices button{text-align:left;align-items:center;gap:9px;min-height:62px;font-size:clamp(.92rem,1.5vw,1.15rem);display:flex}.pem-choices button>span{background:#eaf0f4;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font:750 .75rem Arial;display:grid}.pem-choices button:disabled{cursor:default}.pem-choices .pem-correct{background:#e2f3e8;border:2px solid #28724b}.pem-feedback{border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:12px 15px;display:flex}.pem-feedback p{flex:1;margin:0;font-size:.9rem}.pem-feedback.right{background:#e2f3e8}.pem-feedback.wrong{background:#fff0dc}.pem-feedback button{flex-shrink:0}.pem-convention{color:#46616d;margin-top:10px;font-size:.78rem}.pem-convention p{margin-bottom:0}.pem-footer{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.pem-footer button{color:#526b78;background:0 0;border:0;padding:5px;font-size:.78rem;text-decoration:underline}.pem-review{background:#fff3d9;border-left:4px solid #d49c26;border-radius:8px;padding:10px 13px;font-size:.83rem}.pem-review p{margin:5px 0}.pem-review b{color:#173e68}.pem-results{text-align:center}.pem-results a{color:#0b7070;margin:12px;display:inline-block}.pem-session{padding:16px 20px}@media (width<=650px){.pem-public{padding:12px}.pemdas{padding:15px}.pem-heading{flex-direction:column;align-items:start;gap:8px}.pem-score{justify-content:start}.pem-choices{grid-template-columns:1fr}.pem-choices button{min-height:45px}.pem-feedback{flex-direction:column;align-items:stretch}.pem-priorities{grid-template-columns:1fr}.pem-expression{font-size:2rem}}@media (width>=900px) and (height<=850px){.pem-public{padding:8px 20px}.pem-session{margin:6px auto;padding:12px 16px}.pem-heading h2{font-size:1rem}.pem-levels{margin:8px 0}.pem-levels span{height:24px}.pem-problem{margin:8px 0;padding:8px 12px}.pem-expression{margin:8px 0;font-size:2.6rem}.pem-problem h3{font-size:1rem}.pem-choices button{min-height:52px;padding:8px 12px}.pem-feedback{margin-top:8px;padding:8px 12px}.pem-feedback p{font-size:.84rem}.pem-convention{margin-top:6px}.pem-footer{margin-top:8px}.pem-review{padding:7px 10px;font-size:.78rem}.pem-review p{margin:3px 0}}
