.pp-page{--ink:#203c32;--green:#176858}.pp-subtitle{color:var(--green);margin:14px 0;font:600 1.5rem/1.4 Georgia,serif}.pp-intro,.pp-name,.pp-card,.pp-result{background:#fff;border:1px solid #cbd8d1;border-radius:14px;margin:24px 0;padding:28px}.pp-intro p{margin:0 0 14px;font-size:1.1rem;line-height:1.75}.pp-intro .pp-note,.pp-note{color:#4d6057;font-size:.94rem;line-height:1.6}.pp-intro .pp-words{border-top:1px solid #e0e6e1;margin-bottom:0;padding-top:15px;font-size:.9rem}.pp-name label{margin-bottom:10px;font-weight:700;display:block}.pp-name input{width:100%;max-width:480px;font:inherit;border:1px solid #718d80;border-radius:6px;padding:12px}.pp-name progress{width:100%;height:10px;accent-color:var(--green)}.pp-name p{margin:18px 0 6px}.pp-story{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:24px;display:grid}.pp-story h2{color:var(--ink);margin:8px 0 18px;font:700 1.7rem/1.25 Georgia,serif}.pp-story figure{background:#fff;justify-content:center;margin:0;display:flex}.pp-story img{object-fit:contain;max-width:100%;height:210px}.pp-passage{white-space:normal;color:#1e332c;margin:0;font:1.13rem/1.85 Georgia,serif}.pp-listening{grid-template-columns:1fr 180px}.pp-listening img{height:170px}.pp-questions{border-top:1px solid #dce4df;margin-top:26px;padding-top:24px}.pp-question{border:0;min-width:0;margin:0 0 28px;padding:0}.pp-question:last-child{margin-bottom:0}.pp-question legend{float:none;width:100%;margin:0 0 12px;padding:0;font-size:1.05rem;font-weight:700;line-height:1.6}.pp-choice{cursor:pointer;background:#fff;border:1px solid #d8e0da;border-radius:7px;align-items:flex-start;gap:12px;margin:8px 0;padding:12px 14px;line-height:1.6;display:flex}.pp-choice input{accent-color:var(--green);flex-shrink:0;width:17px;height:17px;margin-top:7px}.pp-choice:hover,.pp-selected{background:#f1f7f3;border-color:#86a799}.pp-question textarea{width:100%;font:inherit;resize:vertical;box-sizing:border-box;border:1px solid #7e9589;border-radius:7px;min-height:92px;margin-top:8px;padding:12px;line-height:1.6;display:block}.pp-question:disabled,.pp-name input:disabled{opacity:1}.pp-question:disabled .pp-choice{cursor:default}.pp-submit{text-align:center;margin:30px 0}.pp-page button{background:var(--green);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:7px;padding:14px 24px;font-weight:700}.pp-page button:disabled{opacity:.65;cursor:wait}.pp-page :is(button,input,textarea,a):focus-visible{outline-offset:4px;outline:3px solid #b78318}.pp-correct{color:#216443;font-weight:700}.pp-incorrect{color:#8c3827;font-weight:700}.pp-error{color:#892e21;background:#fff2ed;border:1px solid #c77461;border-radius:8px;padding:18px}.pp-result{text-align:center;border:2px solid #246d56}.pp-result a{color:var(--green);margin:20px;font-weight:700;display:inline-block}.pp-result h2{font:700 1.8rem/1.3 Georgia,serif}.pp-result p{line-height:1.7}@media (max-width:650px){.pp-intro,.pp-name,.pp-card{padding:20px}.pp-story{grid-template-columns:1fr}.pp-story figure{order:-1}.pp-story img{height:150px}.pp-story.pp-listening{grid-template-columns:1fr 110px}.pp-listening figure{order:initial}.pp-listening img{height:130px}.pp-passage{font-size:1.1rem}.pp-story h2{font-size:1.5rem}}.pp-audio{background:#f2f7f4;border:1px solid #b7cec0;border-radius:9px;margin:20px 0;padding:18px}.pp-audio a{background:var(--green);color:#fff;border-radius:7px;padding:12px 18px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-block}.pp-intro .pp-audio .pp-note{margin:12px 0 0}