.w-pg{margin:1.2rem 0;color:#173e52;min-width:0;scroll-margin-top:6rem}.w-pg *{box-sizing:border-box}.w-pg-heading{margin:0 0 .65rem;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.25;overflow-wrap:anywhere}.w-pg-heading:focus{outline:none}.w-pg-instruction{max-width:52rem;line-height:1.55;margin:.5rem 0 1.2rem}.w-pg-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.w-pg-choice{display:flex;flex-direction:column;gap:.8rem;padding:.85rem;border:2px solid #c9e0e8;border-radius:1.2rem;background:#f6fbfd;min-width:0}.w-pg-choice.is-selected{border-color:#0e8d92;background:#e9f7f5}.w-pg-choice>.primary{margin-top:auto;width:100%}.w-pg-photo{margin:0;min-width:0}.w-pg-photo-frame{background:#e9f1f4;border-radius:.8rem;overflow:hidden}.w-pg-photo-frame img{display:block;width:100%;height:220px;object-fit:contain}.w-pg-photo figcaption{padding:.65rem .2rem;font-weight:750;font-size:1rem}.w-pg-zoom{width:100%}.w-pg .w-btn{white-space:normal;line-height:1.35;min-height:44px;overflow-wrap:anywhere}.w-pg-hint,.w-pg-finish-note{background:#fff7d8;border-left:4px solid #e4b445;border-radius:.5rem;padding:1rem;line-height:1.5}.w-pg-saved{font-size:.85rem;color:#4a6774;line-height:1.45;margin:.7rem 0 0}.w-pg-progress{display:flex;gap:.55rem;list-style:none;margin:1.1rem 0 1.5rem;padding:0;flex-wrap:wrap}.w-pg-progress li{padding:.5rem .8rem;border:1px solid #cadfe6;border-radius:2rem;font-size:.95rem;background:#f2f7fa}.w-pg-progress .is-current{border:2px solid #0b858d;background:#e4f5f5;font-weight:750}.w-pg-progress .is-done{background:#e5f5ea;border-color:#75b992}.w-pg-selected-layout{display:grid;grid-template-columns:minmax(190px,270px) minmax(0,1fr);gap:1.6rem;align-items:start}.w-pg-selected-photo{min-width:0;border:1px solid #cee2e9;border-radius:1rem;padding:.8rem;background:#f6fbfd}.w-pg-selected-photo>.w-btn{width:100%;margin-top:.65rem}.w-pg-selected-photo .w-pg-photo-frame img{height:230px}.w-pg-content{min-width:0}.w-pg-label{display:block;font-weight:700;line-height:1.5;margin:.2rem 0 .6rem}.w-pg input,.w-pg textarea{width:100%;max-width:100%;font:inherit;margin:0 0 .8rem;border:2px solid #b9d4de;border-radius:.65rem;padding:.8rem;color:#173e52;background:white}.w-pg textarea{resize:vertical;min-height:125px}.w-pg input:focus,.w-pg textarea:focus{outline:3px solid #33819f;outline-offset:2px}.w-pg input.correct{border-color:#25825e;background:#edf9f1}.w-pg input.wrong{border-color:#bd3d4b;background:#fff0f1}.w-pg-feedback{line-height:1.5;overflow-wrap:anywhere}.w-pg-feedback:empty{display:none}.w-pg-feedback.is-correct,.w-pg-feedback.is-wrong{border-radius:.7rem;padding:.9rem 1rem;border:1px solid}.w-pg-feedback.is-correct{color:#176347;background:#e7f5eb;border-color:#85b99a}.w-pg-feedback.is-wrong{color:#902f3d;background:#fff0f1;border-color:#e5a8ae}.w-pg-actions{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px dashed #c6dce4;padding-top:1.1rem;margin-top:1.2rem}.w-pg-actions .primary{margin-left:auto;max-width:100%}.w-pg-comparison{margin-top:1rem}.w-pg-comparison h4{font-size:1.1rem;line-height:1.45;margin:.8rem 0 .5rem}.w-pg-example{background:#eaf4fb;border-left:4px solid #539ebc;border-radius:.5rem;padding:1rem;line-height:1.55;margin:.5rem 0}.w-pg-self-note{font-size:.95rem;line-height:1.5;color:#466575}.w-pg-criterion{border:2px solid #d2e3e9;border-radius:.9rem;padding:1rem;background:#f8fbfd}.w-pg-source-criterion{font-size:.95rem;margin:0 0 .6rem;color:#466575}.w-pg-specific-criterion{font-weight:650;line-height:1.5;margin:.5rem 0 .9rem}.w-pg-self-actions{display:flex;flex-wrap:wrap;gap:.6rem}.w-pg-criterion.is-correct{border-color:#61a780;background:#edf8f0}.w-pg-criterion.is-wrong{border-color:#d7848f;background:#fff0f1}.w-pg-criterion .w-pg-feedback{font-size:.95rem;margin:.8rem 0 0}.w-pg-answer{margin:0;display:grid;gap:.45rem}.w-pg-answer dt{font-size:.9rem;font-weight:750;color:#376179}.w-pg-answer dd{margin:0 0 1rem;padding:.9rem 1rem;border-radius:.6rem;border:1px solid #cce1ea;background:#f0f8fc;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.w-pg-ready{color:#176347;font-weight:700;line-height:1.5}.w-pg-dialog{max-width:min(940px,94vw);width:94vw;max-height:92dvh;border:2px solid #bdd8e2;border-radius:1.2rem;padding:1rem;background:#fff;color:#173e52;overflow:auto}.w-pg-dialog::backdrop{background:#0a3449a8}.w-pg-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.w-pg-dialog-head h2{margin:0;font-size:1.4rem}.w-pg-dialog>img{display:block;width:100%;max-height:70dvh;object-fit:contain}.w-pg-dialog .w-btn{white-space:normal;min-height:44px}.w-pg button:focus-visible{outline:3px solid #27638f;outline-offset:3px}
@media(max-width:700px){.w-pg-choice-grid{grid-template-columns:1fr}.w-pg-choice{display:grid;grid-template-columns:minmax(0,1fr);max-width:440px;width:100%;margin-inline:auto}.w-pg-photo-frame img{height:190px}.w-pg-selected-layout{grid-template-columns:1fr;gap:1.1rem}.w-pg-selected-photo{max-width:440px;width:100%;margin-inline:auto}.w-pg-selected-photo .w-pg-photo-frame img{height:190px}.w-pg-progress{gap:.4rem}.w-pg-progress li{font-size:.85rem;padding:.4rem .6rem}.w-pg-actions{align-items:stretch}.w-pg-actions .primary{width:100%;margin-left:0}.w-pg-self-actions .w-btn{width:100%}.w-pg-dialog{padding:.75rem}.w-pg-dialog-head{gap:.65rem}.w-pg-instruction{font-size:1rem}.w-pg-criterion{padding:.8rem}}