.trial-dialog{background:#0a1c17;color:var(--ink);border:1px solid #4c7962;border-radius:20px;padding:0;width:min(800px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0009}.trial-dialog::backdrop{background:#010a08dd;backdrop-filter:blur(10px)}.trial-dialog dialog[open]{animation:dialog-in .3s var(--ease)}.trial-dialog .dialog-close{position:absolute;right:15px;top:15px;z-index:4;background:#03130cbb}.trial-dialog .dialog-content-pad{padding:45px}.trial-dialog .dialog-content-pad h2{font-size:40px;letter-spacing:-1.5px;margin:18px 0}.trial-dialog .dialog-content-pad p{font-size:15px;margin-bottom:20px}.trial-dialog .reference-image{width:100%;border-radius:8px;border:1px solid #41684e;margin:24px 0}.trial-dialog .teacher-detail{display:grid;grid-template-columns:.8fr 1fr}.trial-dialog .teacher-detail>img{width:100%;height:100%;min-height:370px;object-fit:cover}.trial-dialog .teacher-detail>div{padding:48px 30px}.trial-dialog .teacher-detail h2{font-size:37px;letter-spacing:-1.4px;margin:10px 0 20px}.trial-dialog .teacher-detail p{font-size:14px;margin:17px 0}.trial-dialog .teacher-detail .button{margin-top:15px}.trial-dialog .story-viewer{position:relative}.trial-dialog .story-viewer img{height:440px;width:100%;object-fit:cover;border-radius:18px 18px 0 0}.trial-dialog .story-body{padding:27px 35px 35px}.trial-dialog .story-body h2{font-size:35px;letter-spacing:-1px;margin:10px 0}.trial-dialog .story-body p{font-size:14px;max-width:600px}.trial-dialog .story-controls{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.trial-dialog .story-dots{display:flex;gap:7px}.trial-dialog .story-dots span{width:20px;height:3px;background:#446651}.trial-dialog .story-dots .active{background:var(--mint)}.trial-dialog .search-box{width:100%;margin:15px 0}.trial-dialog .search-results{display:grid;gap:6px}.trial-dialog .search-results a{padding:12px 15px;border:1px solid #2d5140;border-radius:8px;display:flex;justify-content:space-between}.trial-dialog .search-results a:hover{background:#1f3d2c}.trial-dialog{width:min(720px,calc(100% - 28px))}.trial-dialog .trial-top{display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.trial-dialog .trial-top .eyebrow{font-size:10px}.trial-dialog .trial-progress{height:2px;background:#2a4938}.trial-dialog .trial-progress>span{display:block;height:100%;background:var(--mint);width:12.5%;transition:width .3s}#trial-body{padding:34px 38px;min-height:350px}#trial-body h2{font-size:37px;letter-spacing:-1.6px;line-height:1.15;margin:10px 0 15px}#trial-body>p{font-size:14px;margin-bottom:25px}.trial-dialog .choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.trial-dialog .choice{display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid #3e6550;border-radius:11px;padding:17px 19px;font-size:15px;min-height:60px;transition:.2s}.trial-dialog .choice:hover{background:#173d29}.trial-dialog .choice[aria-pressed=true]{border-color:var(--mint);background:#184a32;color:#b6ffe0}.trial-dialog .choice[aria-pressed=true]:after{content:'✓';color:var(--mint)}.trial-dialog .trial-bottom{padding:18px 30px;border-top:1px solid #294c38;display:flex;align-items:center;justify-content:space-between;gap:10px}.trial-dialog .trial-bottom .button{min-height:43px;font-size:12px;padding:11px 19px}#trial-step-count{font-size:11px;color:#88b597}.trial-dialog .trial-local{font-size:10px;padding:0 25px 20px;text-align:center;color:#7aa58a}.trial-dialog .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.trial-dialog .form-grid label{font-size:12px;color:#b2cdbb;display:flex;flex-direction:column;gap:7px}.trial-dialog .form-grid input{width:100%;font-size:15px}.trial-dialog .form-grid .wide{grid-column:1/-1}.trial-dialog .trial-textarea{width:100%;min-height:130px;resize:vertical}.trial-dialog .form-error{color:#ffb5a5!important;margin-top:15px!important;font-size:13px!important}.trial-dialog .review-list{display:grid;grid-template-columns:120px 1fr;gap:12px;font-size:14px;border-block:1px solid #35593f;padding:20px 0}.trial-dialog .review-list dt{color:#92b39c}.trial-dialog .review-list dd{margin:0;overflow-wrap:anywhere}.trial-dialog .review-notice{font-size:12px;color:#b2d8bc;margin-top:20px!important}.trial-dialog .success-mark{width:65px;height:65px;border:1px solid var(--mint);border-radius:50%;display:grid;place-items:center;font-size:32px;color:var(--mint);margin-bottom:24px}
body.dialog-open{overflow:hidden}.trial-dialog .icon-button{width:44px;height:44px;display:grid;place-items:center;font-size:26px}.trial-dialog button{font-family:inherit;cursor:pointer}.trial-dialog .choice{color:inherit;background:transparent}.trial-dialog .choice[aria-pressed=true]{background:#184a32;color:#b6ffe0}.trial-dialog input,.trial-dialog textarea{box-sizing:border-box;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px}.trial-dialog button:disabled{opacity:.45;cursor:not-allowed}.trial-dialog .section-note{font-size:12px;color:var(--muted)}.trial-dialog p{color:var(--muted)}
body[data-experience=young] .trial-dialog{background:#fff9ed;color:#183e2c;border-color:#ddd1b4;--muted:#45605b}body[data-experience=young] .trial-dialog .choice{background:#fffdf7;color:#254e38;border-color:#cfccb5}body[data-experience=young] .trial-dialog .choice[aria-pressed=true]{background:#d4f1d6;border-color:#329767}body[data-experience=young] .trial-dialog :is(label,dt,#trial-step-count,.trial-local,.review-notice){color:#3e604e}
body[data-experience=adult] .trial-dialog{background:#181710;border-color:#786245}body[data-experience=adult] .trial-dialog .choice[aria-pressed=true]{background:#463722;color:#ffdfaa;border-color:#edc17c}
@media(max-width:700px){.trial-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.trial-dialog .trial-top{padding:13px 18px}.trial-dialog #trial-body{padding:25px 20px;min-height:0}.trial-dialog #trial-body h2{font-size:31px}.trial-dialog .choice-grid,.trial-dialog .form-grid{grid-template-columns:1fr}.trial-dialog .choice{min-height:52px;font-size:16px}.trial-dialog .trial-bottom{padding:15px 19px;gap:10px;flex-wrap:wrap}.trial-dialog .trial-bottom .button{min-height:48px;font-size:14px;padding:12px 16px}.trial-dialog .trial-local{font-size:11px}.trial-dialog .review-list{font-size:14px;grid-template-columns:95px minmax(0,1fr)}.trial-dialog input,.trial-dialog textarea{font-size:16px}}
