.dlg{margin:2rem 0;border:1px solid #d4ddd8;border-radius:18px;background:#f8faf8;overflow:hidden}
.dlg__head{padding:1.35rem 1.5rem;background:#eaf1ed}
.dlg__head>span{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#376b59}
.dlg__head h2{margin:.35rem 0 .5rem}
.dlg__head p{margin:0;max-width:65ch}
.dlg__body{padding:1.5rem}
.dlg__step{margin:0 0 1rem;color:#52635b;font-size:.85rem}
.dlg__speaker{margin:0;font-weight:700;color:#376b59}
.dlg__text{margin:.4rem 0 1.25rem;font-size:1.12rem;line-height:1.55}
.dlg__choices{display:grid;gap:.7rem}
.dlg__choice,.dlg__restart{font:inherit;line-height:1.45;text-align:left;cursor:pointer;border:1px solid #8cae9f;border-radius:10px;padding:.85rem 1rem;background:#fff;color:#17392c}
.dlg__choice:hover,.dlg__choice:focus-visible,.dlg__restart:hover,.dlg__restart:focus-visible{outline:2px solid #376b59;outline-offset:1px;background:#f0f7f2}
.dlg__outcome{font-weight:700;color:#17392c}
.dlg__feedback{border-left:3px solid #448469;padding:.2rem 0 .2rem 1rem}
.dlg__restart{display:block;margin-top:1.3rem}
.dlg__save{margin:1.2rem 0 0;color:#64746c;font-size:.82rem}
.dlg__warning{margin:0;padding:1rem;background:#fff3dc;color:#533d10}
@media(max-width:600px){.dlg__head,.dlg__body{padding:1.1rem}.dlg__text{font-size:1rem}}