.entry-dialog,.demo-dialog{border:2px solid #ffe2b5;background:#fff9ef;color:#442a1e;border-radius:28px;padding:0;box-shadow:0 25px 100px #422a1e38;max-height:calc(100dvh - 36px)}
.entry-dialog select,.entry-dialog textarea{display:block;width:100%;padding:13px 14px;border:2px solid #e8d8c6;border-radius:12px;background:white;margin-top:6px;color:#442a1e;font:inherit}.entry-dialog textarea{min-height:62px;resize:vertical}.entry-dialog select:focus,.entry-dialog textarea:focus{outline:2px solid #f47708;outline-offset:1px}.entry-interests{border:1px solid #f1d4a3;border-radius:14px;padding:4px 14px 12px;margin:16px 0}.entry-interests legend{font-size:12px;font-weight:900;color:#8b4e17}
dialog::backdrop{background:#33241db8;backdrop-filter:blur(5px)}.entry-dialog{width:min(470px,calc(100% - 30px));padding:35px 32px;overflow:auto}.entry-dialog h2{font-size:32px;line-height:1.12;letter-spacing:-.6px;padding-right:12px}.entry-spark{display:block;font-size:33px;line-height:1;color:#f47708;margin-bottom:18px}.entry-close,.demo-dialog header button{display:grid;place-items:center;border:0;border-radius:50%;width:34px;height:34px;font-size:26px;background:#ffedce;color:#63351c;cursor:pointer}.entry-close{position:absolute;right:16px;top:16px}.entry-intro{margin:15px 0 24px;color:#796453;font-size:14px}.entry-dialog button,.entry-dialog input{font:inherit}.entry-roles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.entry-roles button{background:#fff0cc;border:2px solid #f6d698;border-radius:20px;padding:25px 10px;cursor:pointer;color:#442a1e}.entry-roles button:last-child{background:#fff0d7;border-color:#f0d4ad}.entry-roles svg{display:block;width:39px;height:39px;margin:0 auto 15px}.entry-roles strong,.entry-roles small{display:block}.entry-roles strong{font-family:var(--heading);font-size:24px}.entry-roles small{font-size:11px}.entry-dialog label{display:block;font-size:13px;font-weight:800;margin:16px 0}.entry-dialog input{display:block;width:100%;padding:13px 14px;border:2px solid #e8d8c6;border-radius:12px;background:white;margin-top:6px;color:#442a1e;font-size:15px}.entry-dialog input:focus{outline:2px solid #f47708;outline-offset:1px}.entry-submit{width:100%;border:0;cursor:pointer;margin-top:9px}.entry-dialog button:disabled{opacity:.65;cursor:wait}.entry-dialog button:focus-visible,.demo-dialog button:focus-visible{outline:3px solid #66350f;outline-offset:4px}.entry-back{display:block;border:0;background:none;color:#796453;font-size:12px!important;cursor:pointer;padding:10px 0;margin:10px auto 0}.entry-status{color:#a73519;font-size:13px;line-height:1.5;margin-top:18px}.entry-status:empty{display:none}.entry-tabs{display:flex;gap:9px}.entry-tabs button{flex:1;font-size:12px;border:1px solid #e8d8c6;border-radius:11px;padding:10px;background:white;cursor:pointer;color:#62422a}.entry-tabs button[aria-pressed=true]{background:#ffe6ae;border-color:#e7b65d;font-weight:900}.entry-help{font-size:12px;line-height:1.6;color:#796453}.entry-personal{background:#ffebbc;border:2px dashed #d5a347;border-radius:14px;padding:17px 8px;overflow-wrap:anywhere;text-align:center;font-size:19px;font-weight:900;user-select:all;letter-spacing:1px}.entry-copy{display:block;border:0;background:none;text-decoration:underline;font-size:12px!important;color:#8c4b00;margin:12px auto 20px;cursor:pointer}.demo-dialog{width:min(1120px,calc(100% - 24px));overflow:hidden}.demo-dialog header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 21px}.demo-dialog header strong{display:block;font-family:var(--heading);font-size:23px;line-height:1.2}.demo-dialog header span{font-size:11px;color:#796453}.demo-dialog header button{flex-shrink:0}.demo-stage{height:min(65dvh,680px);background:#8c470e}.demo-stage iframe{border:0;width:100%;height:100%;display:block}.demo-note{font-size:11px;color:#796453;text-align:center;padding:10px 18px}.entry-roles button:hover{border-color:#f47708;transform:translateY(-2px)}@media(max-width:560px){.entry-dialog{padding:28px 23px}.entry-dialog h2{font-size:29px}.entry-roles{gap:10px}.entry-roles strong{font-size:21px}.entry-roles small{font-size:9px}.entry-dialog .button{font-size:13px}.demo-dialog header{padding:12px 15px}.demo-dialog header strong{font-size:20px}.demo-dialog header span{display:block;max-width:230px;line-height:1.5;font-size:10px}.demo-stage{height:62dvh}.demo-note{font-size:10px}}
.demo-dialog{width:min(1440px,calc(100% - 24px))}.demo-stage{height:calc(100dvh - 150px);max-height:900px}
.learning-picker{display:grid;gap:8px;margin:16px 0;text-align:left}.learning-picker-label{margin:0!important;font-size:14px!important}.learning-picker-help{margin:0!important;color:#796453;font-size:12px;line-height:1.55}.learning-picker-input{margin:0!important}.learning-suggestions{display:flex;flex-wrap:wrap;gap:7px;min-height:0}.learning-suggestion,.learning-tag{font:800 12px var(--brand-body,'Nunito',sans-serif);border:1px solid #efc06d;border-radius:999px;padding:8px 11px;background:#fff7e8;color:#774115;cursor:pointer;line-height:1.2}.learning-suggestion:hover,.learning-suggestion:focus-visible{background:#ffe5a4;border-color:#df8d16}.learning-selected{display:flex;flex-wrap:wrap;gap:7px;min-height:0}.learning-tag{background:#f47708;color:#fff;border-color:#bf4c00}.learning-tag:hover,.learning-tag:focus-visible{background:#c95400}.learning-picker-count{font-size:11px;color:#796453;margin:0!important}.topic-picker .learning-suggestion{background:#fff0d7}.sp-practice-form .learning-picker{margin:6px 0 0}
.demo-learning-dialog{width:min(560px,calc(100vw - 28px));border:2px solid #f3bd4e;border-radius:26px;background:#fff9ef;color:#442a1e;padding:0;box-shadow:0 25px 100px #422a1e62}.demo-learning-content{padding:34px}.demo-learning-content h2{font:900 31px/1.12 var(--brand-heading,'Baloo 2',sans-serif);margin:8px 34px 8px 0}.demo-learning-content>p{font-size:14px;color:#796453;line-height:1.55;margin:0}.demo-learning-content form{margin-top:20px}.demo-learning-content select{width:100%;margin:6px 0 0;padding:12px;border:2px solid #e8d8c6;border-radius:12px;background:#fff;color:#442a1e;font:inherit}.demo-learning-content form>label{display:block;font-weight:900;font-size:13px}.demo-learning-content .demo-guide-action{border:0;width:100%;margin-top:16px;justify-content:center}.demo-learning-content [role=status]{min-height:20px;font-size:12px;color:#974914;text-align:center}.demo-learning-close{position:absolute;right:14px;top:14px;width:35px;height:35px;border:1px solid #efc06d;border-radius:10px;background:#fff0d7;color:#6d3b18;font-size:22px;cursor:pointer}.demo-learning-close:focus-visible{outline:3px solid #c54c00;outline-offset:3px}@media(max-width:560px){.demo-learning-content{padding:27px 20px}.demo-learning-content h2{font-size:27px}.demo-learning-dialog{border-radius:20px}}
