.eg-widget{--eg-ink:var(--ink,#253b48);--eg-accent:var(--accent,#305d65);--eg-line:var(--line,#cbd5d6);--eg-soft:var(--soft,#edf2f1);color:var(--eg-ink);max-width:1040px;margin-inline:auto;min-width:0}
.eg-widget *{box-sizing:border-box}
.eg-widget button,.eg-widget a,.eg-widget textarea{font:inherit}
.eg-widget button,.eg-widget a{overflow-wrap:anywhere}
.eg-widget button{cursor:pointer}
.eg-widget button:disabled{cursor:default;opacity:.5}
.eg-widget :focus-visible{outline:3px solid var(--eg-accent);outline-offset:4px}
.eg-role-picker,.eg-scene-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-block:0 28px}
.eg-role,.eg-scene{border:1px solid var(--eg-line);border-radius:3px;background:#fff;color:var(--eg-ink);padding:15px 16px;text-align:left;min-height:56px;line-height:1.4}
.eg-role[aria-pressed=true],.eg-scene[aria-pressed=true]{background:var(--eg-accent);color:#fff;border-color:var(--eg-accent)}
.eg-stage{padding:clamp(19px,4vw,40px);border:1px solid var(--eg-line);background:#fff;min-width:0}
.eg-stage h2{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;margin-top:0;margin-bottom:15px;max-width:28ch}
.eg-stage h3{font-size:1.15rem;line-height:1.4}
.eg-stage h2:focus,.eg-feedback:focus{outline:none}
.eg-stage h2:focus-visible,.eg-feedback:focus-visible{outline:3px solid var(--eg-accent);outline-offset:5px}
.eg-progress{display:grid;grid-template-columns:auto minmax(70px,180px);align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.eg-progress progress{width:100%;height:6px;accent-color:var(--eg-accent);border:0;overflow:hidden}
.eg-counter{font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.5;margin:0}
.eg-hint{font-size:.94rem;line-height:1.6;color:var(--muted,#58686d);margin:8px 0 22px}
.eg-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 26px}
.eg-option{min-height:64px;padding:17px 19px;border:1px solid var(--eg-line);border-radius:3px;background:#fff;color:var(--eg-ink);text-align:left;line-height:1.5;position:relative}
.eg-option:hover{background:var(--eg-soft)}
.eg-option[aria-pressed=true]{background:var(--eg-soft);border:2px solid var(--eg-accent);padding:16px 18px;font-weight:650}
.eg-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin:27px 0 0;min-width:0}
.eg-actions .button,.eg-own .button{display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center;min-height:48px;max-width:100%;font-size:.95rem;line-height:1.45}
.eg-text-button{border:0;background:none;text-decoration:underline;text-underline-offset:5px;color:var(--eg-accent);padding:10px 13px;min-height:44px;font-size:.95rem}
.eg-own{border-top:1px solid var(--eg-line);padding-top:25px;margin-top:30px}
.eg-own label{display:block;font-weight:650;margin-bottom:10px}
.eg-own textarea{display:block;resize:vertical;min-height:108px;width:100%;max-width:100%;padding:15px;line-height:1.6;background:#fff;color:var(--eg-ink);border:1px solid var(--eg-line);border-radius:3px}
.eg-own .eg-hint{font-size:.82rem;margin-block:8px 14px}
.eg-status{min-height:1.6em;font-size:.95rem;line-height:1.6;margin-top:18px;overflow-wrap:anywhere}
.eg-summary{margin:25px 0;display:grid;grid-template-columns:1fr;gap:0}
.eg-summary dt{font-size:.88rem;font-weight:650;margin-top:18px;line-height:1.5;color:var(--muted,#58686d)}
.eg-summary dd{margin:5px 0 0;line-height:1.65;padding-bottom:18px;border-bottom:1px solid var(--eg-line)}
.eg-own-summary{padding:20px;background:var(--eg-soft);margin:25px 0}
.eg-own-summary h3{margin-top:0}
.eg-own-summary p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin-bottom:0}
.eg-link{display:inline-block;color:var(--eg-accent);font-weight:650;text-underline-offset:5px;line-height:1.6;margin:15px 0;max-width:100%}
.eg-quote{border-left:3px solid var(--eg-accent);background:var(--eg-soft);padding:20px 24px;margin:25px 0}
.eg-quote p:last-child,.eg-reply{font-family:Georgia,serif;font-size:1.3rem;line-height:1.6;margin-bottom:0}
.eg-feedback{border-top:1px solid var(--eg-line);padding-top:20px;line-height:1.7}
.eg-feedback .eg-reply{margin-top:0;margin-bottom:22px}
.eg-feedback h3{margin-bottom:8px}
.eg-takeaways article{border-bottom:1px solid var(--eg-line);padding:12px 0 20px;line-height:1.7}
.eg-takeaways h3{margin-bottom:8px}
.eg-takeaways p{margin:8px 0}
@media(max-width:650px){.eg-role-picker,.eg-scene-picker,.eg-options{grid-template-columns:1fr}.eg-role-picker,.eg-scene-picker{gap:8px;margin-bottom:20px}.eg-role,.eg-scene{min-height:48px;padding:13px 15px}.eg-options{gap:8px}.eg-option{min-height:55px;padding:14px 15px}.eg-option[aria-pressed=true]{padding:13px 14px}.eg-actions{display:grid;grid-template-columns:1fr;gap:9px}.eg-actions .button,.eg-actions .eg-text-button{width:100%}.eg-stage{padding:20px 17px}.eg-progress{gap:12px}.eg-quote{padding:17px}.eg-own-summary{padding:16px}}
@media(prefers-reduced-motion:reduce){.eg-widget *{scroll-behavior:auto!important}}