/* Shared guided experience: app and WordPress catalogue. */
.pg-lesson,.pg-connections,.pg-starters{--pg-ink:#233d35;--pg-paper:#fff;--pg-line:#dce4df;--pg-accent:#37684e;color:var(--pg-ink);font:17px/1.6 system-ui,sans-serif}
.pg-lesson{max-width:780px;margin:12px auto 30px;padding:24px clamp(16px,4vw,38px);background:var(--pg-paper);border:1px solid var(--pg-line);border-radius:24px}
.pg-lesson [hidden]{display:none!important}.pg-progress{font-size:.8rem;letter-spacing:.05em;margin:0 0 16px;color:var(--pg-ink)}
.pg-picture{position:relative;border-radius:18px;overflow:hidden;margin:0 auto 20px;max-width:690px;background:#f6f8f5;color:#243b35;line-height:0}
.pg-picture svg{display:block;width:100%;height:auto;max-height:350px}.pg-picture .pg-point{position:absolute;transform:translate(-50%,-50%);min-width:44px;min-height:44px;padding:4px;border:2px solid #37684e;border-radius:50%;background:white;color:#233d35;line-height:1;cursor:pointer;font-weight:700}
.pg-expression{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:30px;text-align:center;line-height:1.5;overflow-wrap:anywhere}
.pg-expression strong{font-size:clamp(1.2rem,3vw,2.2rem)}.pg-expression span{font-size:1.1rem}
.pg-thought{font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.65;max-width:58ch;margin:16px auto 24px;color:var(--pg-ink)}
.pg-controls,.pg-choices{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.pg-controls .pg-primary{margin-left:auto}
.pg-lesson button,.pg-connections button{font:inherit;min-height:44px;cursor:pointer;border-radius:12px;padding:10px 17px;line-height:1.4;white-space:normal}
.pg-lesson .pg-primary{background:var(--pg-accent);border:1px solid var(--pg-accent);color:white;font-weight:650}
.pg-secondary,.pg-connections button{background:var(--pg-paper);color:var(--pg-ink);border:1px solid var(--pg-line)}
.pg-lesson .pg-link{background:transparent;border:0;color:var(--pg-ink);text-decoration:underline;text-underline-offset:4px;font-size:.9rem;padding:8px}
.pg-lesson .pg-play{display:block;margin:18px auto 0;font-size:.78rem}.pg-lesson button:disabled{opacity:.4;cursor:default}
.pg-lesson button:focus-visible,.pg-starter:focus-visible,.pg-connections button:focus-visible{outline:3px solid #ad7733;outline-offset:4px}
.pg-help-text,.pg-feedback{padding:14px 18px;background:#f1eadc;color:#493819;border-radius:12px;font-size:1rem;line-height:1.6}
.pg-connections{max-width:780px;margin:24px auto;padding:22px;border:1px solid var(--pg-line);border-radius:20px;background:var(--pg-paper)}.pg-connections h3{margin:0 0 12px;font-size:1.1rem}.pg-connections .pg-picture{margin-top:20px}
.pg-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 48px}.pg-starter{display:flex;flex-direction:column;gap:16px;text-align:left;text-decoration:none;color:var(--pg-ink)!important;background:var(--pg-paper);border:1px solid var(--pg-line);border-radius:20px;padding:16px;cursor:pointer;font:inherit;line-height:1.45;box-shadow:none}
.pg-starter img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:640/290}.pg-starter strong{font-size:1.1rem;font-weight:650}.pg-starter span{font-size:.85rem}
.pg-full-map{max-width:900px;margin:20px auto}.pg-full-map>summary,.pg-browse>summary{cursor:pointer;padding:16px 0;font-size:1rem}
.pg-browse{margin:34px 0}.pg-browse>summary{font-weight:650}.pg-resume{padding:20px;border-radius:18px;background:#e6efe6;margin:10px 0 24px}.pg-resume a{color:inherit;font-weight:650}
.peazit-app .pa-hero{background:transparent;padding:24px 0;border:0;margin:0}.peazit-app .pa-hero h1{max-width:22ch}.peazit-app .pa-lesson-heading h1{font-size:clamp(1.4rem,3vw,2rem)}.peazit-app .pa-lesson-heading .pa-lead{display:none}.peazit-app .pa-phase{max-width:780px;margin:0 auto 14px}.peazit-app .pa-lesson-heading .pa-actions .pa-button{font-size:.8rem;padding:8px 12px}
.peazit-app .pa-info-bar{opacity:.9}.peazit-app .pa-search-form{max-width:760px}.peazit-app .pa-next-actions .pa-primary{background:var(--pa-green);color:var(--pa-paper)}
.peazit .peazit-hero{display:block;padding:32px 0 10px;min-height:0}.peazit .peazit-hero h1{max-width:23ch;font-size:clamp(2rem,5vw,3.6rem);line-height:1.15}.peazit .peazit-hero-copy{max-width:850px}.peazit .peazit-intro{max-width:58ch}.peazit .peazit-tabs,.peazit .peazit-quick{display:none}.peazit .peazit-discovery{margin-top:16px}.peazit .peazit-aha-header h3{font-size:clamp(1.3rem,3vw,1.8rem)}.peazit .peazit-aha-skip{font-size:.8rem}.peazit .peazit-aha-choose{display:none}.peazit .peazit-results .peazit-format-tabs{margin-top:16px}.peazit .pg-catalog-heading{font-size:1.5rem}.peazit .peazit-aha-actions:empty{display:none}
html[data-peazit-theme=dark] .pg-lesson,html[data-peazit-theme=dark] .pg-connections,html[data-peazit-theme=dark] .pg-starters,[data-peazit-theme=dark] .pg-lesson,[data-peazit-theme=dark] .pg-connections,[data-peazit-theme=dark] .pg-starters{--pg-ink:#edf3ed;--pg-paper:#192a23;--pg-line:#40594b;--pg-accent:#376b4e}
html[data-peazit-theme=dark] .pg-resume,[data-peazit-theme=dark] .pg-resume{background:#243d2e;color:#edf3ed}
@media(max-width:650px){.pg-starters{gap:12px;grid-template-columns:1fr;margin:22px 0 32px}.pg-starter{display:grid;grid-template-columns:110px 1fr;align-items:center;padding:12px;gap:12px}.pg-starter strong{font-size:1rem}.pg-starter span{display:none}.pg-lesson{padding:18px 14px}.pg-picture{margin-bottom:16px}.pg-controls{gap:6px}.pg-controls .pg-primary{padding:12px}.pg-expression{min-height:175px;padding:20px}.pg-lesson .pg-point{min-width:42px;min-height:42px}.peazit .peazit-hero{padding-top:22px}}
.peazit-app .pa-hero:after{display:none}.peazit .peazit-aha{background:transparent;border:0;padding:16px 0}.peazit .peazit-aha-header{max-width:780px;margin:0 auto 20px}.peazit .peazit-aha-label{font-size:.7rem;letter-spacing:.08em}.peazit .peazit-aha-attempt{max-width:780px;margin:0 auto}.pg-picture[role=button]:focus-visible{outline:3px solid #ad7733;outline-offset:3px}.peazit .peazit-aha-actions{max-width:780px;margin-left:auto;margin-right:auto}
