@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap');
:root{font-family:'Manrope','IBM Plex Sans Thai',sans-serif;color:#24372f;background:#f7f9f7;font-synthesis:none;font-size:14px;--green:#234e40;--muted:#7c8982;--line:#e5eae5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b3c978;outline-offset:4px}.icon{height:20px;width:20px;flex-shrink:0;vertical-align:middle}aside{position:fixed;inset:0 auto 0 0;width:250px;padding:36px 22px 18px;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;z-index:3}.brand{font-size:29px;font-weight:800;text-decoration:none;color:#244d3e;display:flex;align-items:center;gap:10px;letter-spacing:-1px}.brand>.icon{width:31px;height:31px;stroke-width:2.4}.brand-dot{color:#a0b870}.workspace{display:flex;gap:10px;align-items:center;margin:36px 0 30px;padding:12px 10px;border:1px solid var(--line);border-radius:9px;font-size:10px}.workspace-logo{background:#e9eee5;color:#4f6840;font-weight:800;font-size:15px;width:30px;height:32px;display:grid;place-items:center;border-radius:5px}.workspace b{font-size:10px}.workspace small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.workspace>span:last-child{margin-left:auto}.nav-label{font-size:9px;color:#9ba59e;letter-spacing:1.7px;margin-left:12px;margin-bottom:12px}nav{display:grid;gap:5px}.nav{border:0;background:none;display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;color:#7d8881;border-radius:7px;text-align:left;font-size:12px}.nav.active{color:#245241;background:#edf3eb;font-weight:600}.nav .icon{height:18px;width:18px}.nav-pill{margin-left:auto;background:#dfe9d9;padding:1px 6px;border-radius:4px;font-size:10px}.side-bottom{margin-top:auto}.side-note{border:1px solid #e7ebdc;border-radius:10px;background:linear-gradient(135deg,#f5f6eb,#f9faf4);padding:20px 16px;margin:35px 0 20px;position:relative}.side-note>.icon{display:block;color:#80955d;margin-bottom:12px}.side-note b{font-size:12px}.side-note p{font-size:11px;line-height:1.9;color:#88907c}.side-note>span{font-size:10px;color:#78934b}.profile{display:flex;align-items:center;gap:10px;padding:19px 4px 0;margin-top:12px;border-top:1px solid var(--line)}.profile-avatar{height:33px;width:33px;background:#e9e5dc;border-radius:50%;display:grid;place-items:center;color:#887a63;font-weight:600}.profile b{font-size:11px}.profile small{display:block;font-size:9px;color:#99a29b;margin-top:3px}.online{width:7px;height:7px;background:#82a17e;border-radius:50%;margin-left:auto}.main{margin-left:250px}header{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#ffffffb0;font-size:11px}header b{font-weight:500}.breadcrumb{color:#9ba59e}.slash{padding:0 16px;color:#c4cbc5}.header-status{font-size:10px;display:flex;align-items:center;gap:7px;color:#728276}.header-status i{height:6px;width:6px;border-radius:50%;background:#93ad75}main{max-width:1440px;padding:38px 42px 28px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#899a86;margin-bottom:9px}h1{font-size:29px;letter-spacing:-.8px;line-height:1.5;font-weight:600;margin:0 0 6px}h2,h3,h4,p{margin-top:0}.heading p{font-size:12px;color:#8a958e;margin-bottom:0}.green{color:#91a66a}.button{border:1px solid transparent;border-radius:7px;padding:11px 16px;display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:11px;font-weight:600}.secondary{background:#fff;border-color:#dfe5df;color:#58695d}.button .icon{width:16px;height:16px}.primary{background:#244e3f;color:white}.primary:hover{background:#30644f}.hero{border-radius:13px;min-height:277px;background:#214c3d;color:#fff;position:relative;overflow:hidden;display:flex;justify-content:space-between}.hero-copy{padding:30px 34px;z-index:1}.hero-label{display:inline-flex;gap:7px;align-items:center;font-size:9px;color:#d4e2c3;border:1px solid #ffffff24;padding:5px 10px;border-radius:20px}.hero-label>span{width:5px;height:5px;background:#c4d395;border-radius:50%}.hero h2{font-size:28px;line-height:1.55;font-weight:500;margin:13px 0 9px;letter-spacing:-.3px}.hero p{font-size:11px;color:#bacfc1;line-height:1.85;margin-bottom:20px}.hero-tags{display:flex;gap:20px;font-size:9px;color:#d7e5d9}.hero-tags .icon{height:12px;width:12px;margin-right:3px;stroke:#c5d79b}.hero-art{position:relative;min-width:360px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#64826744,transparent 70%)}.orbit{position:absolute;border:1px solid #a9bba119;border-radius:50%;width:300px;height:300px}.orbit-two{width:410px;height:410px}.sound-orb{width:163px;height:163px;border-radius:50%;background:linear-gradient(145deg,#496d57,#2a5543);border:1px solid #bad3aa44;box-shadow:0 0 0 13px #ffffff03,0 15px 35px #102e3233;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:15px}.sound-orb>.icon{height:40px;width:40px;color:#d0dfb3;stroke-width:1.3}.waves{display:flex;height:40px;align-items:center;gap:4px}.waves i{width:3px;height:calc(var(--h)*.6);background:#aec995;border-radius:6px}.floating{position:absolute;border-radius:8px;font-size:9px;background:#ffffffed;color:#53644a;box-shadow:0 8px 20px #122d2633;padding:11px 14px;transform:rotate(-6deg)}.float-top{right:30px;top:45px}.float-bottom{bottom:36px;left:15px;transform:rotate(5deg)}.mini-check{display:inline-grid;place-items:center;width:20px;height:20px;background:#e9efdb;border-radius:50%;color:#7d985b;margin-right:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 37px}.stats>div{background:white;border:1px solid var(--line);border-radius:9px;padding:18px 16px;display:flex;align-items:center;gap:13px}.stats>div>.icon{width:35px;height:35px;background:#f2f5ed;border-radius:9px;padding:9px;color:#7e946b}.stats small{display:block;color:#8c978e;font-size:10px;margin-bottom:3px}.stats b{font-size:22px;color:#31483a;font-weight:650;line-height:1.3}.stats em{font-size:10px;font-style:normal;font-weight:400;color:#9aa398}.stat-label{margin-left:auto;align-self:end;font-size:8px;color:#a1aa9e;white-space:nowrap;margin-bottom:4px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:20px;font-weight:600;margin-bottom:4px}.section-title p{font-size:11px;color:#949d95;margin-bottom:0}.count{font-size:9px;color:#9aa595}.filters{display:flex;align-items:center;gap:7px;margin:22px 0 18px}.filter{background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 14px;color:#8c978b;font-size:10px}.filter.chosen{background:#e8efe3;color:#42603b;border-color:#dce6d4;font-weight:600}.filter span{background:#d9e3d1;padding:0 5px;border-radius:3px;margin-left:5px;font-size:8px}.mode-note{margin-left:auto;color:#a1aa9e;font-size:9px;display:flex;gap:6px;align-items:center}.mode-note .icon{width:12px;height:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{border:1px solid var(--line);border-radius:11px;padding:23px 22px 0;background:#fff;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #28463209;border-color:#b7c6ae}.card-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:15px}.avatar{height:53px;width:53px;border-radius:17px;display:grid;place-items:center;font-size:25px;position:relative;font-family:'IBM Plex Sans Thai',sans-serif;font-weight:500;isolation:isolate}.avatar:before{content:'';position:absolute;width:35px;height:35px;border-radius:50%;background:#ffffff45;z-index:-1;bottom:5px;left:8px}.avatar i{position:absolute;font-size:12px;right:0;bottom:-2px;background:#fff;border-radius:50%;height:19px;width:19px;text-align:center;line-height:19px;font-style:normal}.peach{background:#f4e8d9;color:#ac835a}.sage{background:#e4ebdf;color:#75926c}.lavender{background:#ece7f5;color:#9685b0}.blue{background:#e2ecf1;color:#7794a6}.rose{background:#f4e5e4;color:#bc8987}.sand{background:#efeada;color:#9d8c54}.level{display:inline-flex;align-items:center;gap:5px;font-size:8px;color:#8a9582;border:1px solid #e8ece3;border-radius:4px;padding:4px 7px}.level>i{height:4px;width:4px;background:#a3b088;border-radius:50%}.level.hard{color:#b29874;border-color:#efe8dd}.level.hard>i{background:#c3ab87}.card h3{font-size:17px;font-weight:600;margin-bottom:3px}.card h4{font-size:10px;font-weight:500;color:#8a9789;margin-bottom:11px}.card>p{font-size:10px;line-height:1.9;color:#939d92;min-height:55px;margin-bottom:13px}.skill-tag{font-size:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;background:#f4f6ef;color:#8c9b7c;border-radius:4px;margin-bottom:19px}.skill-tag .icon{height:10px;width:10px}.card-bottom{border-top:1px solid #edf0e9;padding:13px 0;display:flex;align-items:center;justify-content:space-between}.card-bottom>span{color:#a6afa1;font-size:8px;display:flex;align-items:center;gap:5px}.card-bottom>span>.icon{height:11px;width:11px}.start-button{background:#f0f4ea;border:1px solid #e5ebdc;color:#647953;display:flex;align-items:center;gap:20px;font-size:9px;border-radius:5px;padding:7px 10px}.start-button:hover{background:#244e3f;color:white}.start-button .icon{width:12px;height:12px}.bottom-tip{display:flex;align-items:center;gap:12px;margin-top:24px;border:1px dashed #dce4d2;background:#f2f5ec;border-radius:7px;padding:13px 16px;font-size:9px;color:#949f88}.bottom-tip>.icon{height:16px;width:16px;color:#94a577}.bottom-tip b{font-weight:600;color:#7b8e69}footer{max-width:1440px;margin:auto;display:flex;justify-content:space-between;padding:0 42px 22px;color:#b4bcb1;font-size:8px;letter-spacing:1px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:28px}.panel h2{font-size:20px;font-weight:500}.panel p{color:#849180;font-size:12px;line-height:1.9}.settings-form{max-width:740px;display:grid;gap:22px}label{display:grid;gap:8px;font-size:12px;font-weight:500}input,select,textarea{border:1px solid #dae2d8;border-radius:7px;padding:11px 13px;background:white;color:#344b3d;outline:none;width:100%;font-weight:400}input:focus,textarea:focus,select:focus{border-color:#79976b;box-shadow:0 0 0 3px #e8efe1}textarea{resize:vertical}.notice{display:flex;gap:12px;padding:17px;border-radius:8px;background:#f0f4e9;font-size:11px}.notice p{font-size:10px;margin:5px 0 0}.settings-form>small{color:#91a086;font-size:10px}.empty{text-align:center;padding:100px 20px;border:1px dashed #dfe7d8;background:#fff;border-radius:12px}.empty>.icon{width:40px;height:40px;color:#a6b897;margin-bottom:20px}.empty h2{font-size:22px;font-weight:500}.empty p{color:#8b9887;font-size:12px}.empty .button{margin-top:15px}.history-list{display:grid;gap:12px}.history-row{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;text-align:left;color:#354e3c}.avatar.small{height:38px;width:38px;font-size:20px;border-radius:12px}.history-row>div{flex:1}.history-row b{font-size:13px}.history-row small{display:block;font-size:9px;font-weight:400;color:#9aa68e;margin-top:5px}.history-row strong{font-size:25px;color:#49623c}.history-row strong small{display:inline}.history-row>span:not(.avatar){font-size:12px;color:#8b997e}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.step{font-size:30px;font-weight:600;color:#b2c097;display:block;margin-bottom:15px}.rubric{max-width:750px}.coverage{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #edf0e8;font-size:11px}.coverage b{color:#8b9a7c;font-weight:500}.progress-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.bars{height:240px;display:flex;align-items:end;gap:15px;padding:20px;border-bottom:1px solid #e0e7d9;margin-bottom:15px}.bars>div{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;font-size:10px;color:#8e9c80}.bars i{display:block;width:100%;max-width:45px;background:#92aa76;border-radius:5px 5px 0 0}.panel>small{font-size:9px;color:#9da891}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#132c2380;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px}.session{max-width:760px;width:100%;max-height:92vh;overflow-y:auto;background:#fbfcf9;border-radius:16px;padding:28px;box-shadow:0 25px 100px #132c2333}.session-head{display:flex;justify-content:space-between;gap:15px}.session-head h2{font-size:22px;font-weight:600;margin-bottom:18px}.icon-button{border:0;background:transparent;color:#819174;width:30px;height:30px}.session-meta{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:10px;color:#98a28f}.session-meta b{margin-left:auto;font-size:14px;color:#557143}.goal{display:flex;gap:10px;background:#edf3e7;border-radius:8px;padding:15px;margin-top:18px;font-size:11px;line-height:1.8;color:#7a8e69}.goal .icon{margin-top:3px;color:#92a578}.preflight{text-align:center;padding:35px 35px 20px}.preflight .avatar{margin:0 auto 20px;width:70px;height:70px}.preflight h3{font-size:20px;font-weight:500}.preflight p{font-size:12px;line-height:1.9;color:#96a08e;max-width:400px;margin:0 auto 22px}.conversation{height:300px;overflow-y:auto;padding:24px 5px;display:flex;flex-direction:column;gap:15px}.message{align-self:flex-start;max-width:85%}.message small{font-size:9px;color:#9aa68e;display:block;margin-bottom:5px}.message p{font-size:12px;line-height:1.9;border:1px solid #e3e9dc;background:#fff;border-radius:0 10px 10px 10px;padding:12px 15px;margin:0;white-space:pre-wrap}.message.mine{align-self:flex-end}.message.mine p{background:#eaf0e3;border-color:#dfe8d5;border-radius:10px 0 10px 10px}.message.mine small{text-align:right}.chat-form{display:flex;gap:9px}.chat-form input{flex:1}.session-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.session-actions>small{color:#a1aa98;font-size:9px}.end{background:#f5e8e4;color:#a87365;border:1px solid #ead7cf}.error{background:#f9e9e4;border:1px solid #efcbbd;color:#a15f46;padding:14px;border-radius:7px;font-size:12px;margin-top:16px}.typing{font-size:11px;color:#91a17f}.voice-controls{display:flex;align-items:center;gap:9px;font-size:12px;color:#88a076}.voice-controls .button{margin-left:auto}.live-dot{width:7px;height:7px;background:#87a069;border-radius:50%;animation:pulse 1.5s infinite}.result-score{display:flex;gap:25px;align-items:center;padding:25px 0}.score-circle{border:6px solid #c6d5ae;border-radius:50%;height:116px;width:116px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#5c7547}.score-circle b{font-size:35px}.score-circle span{font-size:11px;color:#a5b197}.result-score h3{font-size:19px;font-weight:500;margin-bottom:6px}.result-score p{color:#9da890;font-size:11px}.rubric-results{display:grid;gap:16px}.rubric-results>div{font-size:11px}.rubric-results b{float:right;font-weight:500;color:#7e9564}.track{height:5px;background:#e8eee1;border-radius:5px;margin-top:7px}.track i{height:100%;background:#9bb67b;display:block;border-radius:5px}.rubric-results p{color:#8f9c81;margin:6px 0 0;font-size:10px;line-height:1.8}.feedback-box{padding:18px;background:#edf3e5;border-radius:8px;margin:20px 0}.feedback-box h3{font-size:12px;margin-bottom:8px}.feedback-box p{font-size:11px;line-height:1.9;color:#859872;margin:0}details{font-size:11px;color:#8b997d}summary{cursor:pointer;padding:12px 0}.transcript-line{line-height:1.8;white-space:pre-wrap}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#294f3d;color:#fff;padding:13px 22px;border-radius:8px;z-index:30;font-size:12px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{opacity:.3}}@media(min-width:1500px){main{padding-top:45px}.hero{min-height:300px}.card{padding-top:25px}.card>p{font-size:12px}.card h4{font-size:12px}.card h3{font-size:19px}.card-bottom{padding:16px 0}.hero-copy{padding:35px 40px}.hero-art{min-width:430px}.hero h2{font-size:32px}.hero p{font-size:12px}.card-bottom>span,.start-button{font-size:10px}}@media(max-width:1150px){aside{width:210px;padding:28px 16px}.main{margin-left:210px}main{padding:30px 26px}header{padding:0 26px}.hero-art{min-width:270px}.hero-copy{padding:25px}.hero h2{font-size:25px}.hero-tags{gap:10px;font-size:8px}.stat-label{display:none}.cards{gap:13px}.card{padding:18px 16px 0}.card h4{font-size:9px}h1{font-size:25px}.heading .button{white-space:nowrap}.float-top{right:12px}.card>p{min-height:72px}footer{padding:0 26px 20px}}@media(max-width:900px){aside{width:76px;padding:25px 12px}.brand{justify-content:center}.brand>span,.workspace,.nav-label,.nav>span,.side-note,.profile>div,.profile>.online{display:none}.nav{justify-content:center;padding:14px 10px}.nav.active{border-radius:9px}nav{margin-top:35px}.side-bottom .nav{margin-bottom:10px}.profile{justify-content:center;padding-top:15px}.main{margin-left:76px}.hero-art{min-width:240px}.hero h2{font-size:23px}.hero-copy{padding:24px}.hero-tags{flex-wrap:wrap;gap:8px}.cards{grid-template-columns:repeat(2,1fr)}.card>p{min-height:50px}.guide-grid{grid-template-columns:1fr}.progress-grid{grid-template-columns:1fr}}@media(max-width:620px){aside{position:fixed;inset:auto 0 0;width:100%;height:64px;padding:5px 15px;display:block;border-top:1px solid var(--line);border-right:0}.brand,.side-bottom{display:none}nav{margin:0;display:flex;justify-content:space-around}nav .nav{width:auto;flex-direction:column;gap:3px;padding:6px 13px;font-size:8px}nav .nav>span:not(.nav-pill){display:block}.main{margin-left:0;margin-bottom:64px}header{height:55px;padding:0 18px;font-size:10px}.header-status{font-size:8px}main{padding:24px 18px}.heading{align-items:start;margin-bottom:20px}.heading h1{font-size:23px;line-height:1.6}.heading .secondary{padding:8px;min-width:34px;font-size:0}.heading .secondary .icon{width:17px;height:17px}.heading p{font-size:10px}.eyebrow{font-size:8px}.hero{min-height:250px}.hero-copy{padding:24px;flex:1}.hero h2{font-size:24px}.hero p{font-size:10px}.hero-art{display:none}.hero-tags{gap:12px}.stats{gap:7px;margin:15px 0 27px}.stats>div{padding:11px 8px;gap:7px;flex-direction:column;align-items:start}.stats>div>.icon{width:27px;height:27px;padding:6px}.stats small{font-size:8px}.stats b{font-size:22px}.stats em{font-size:8px}.section-title h2{font-size:19px}.section-title p{font-size:9px}.count,.mode-note{display:none}.filters{margin:18px 0 14px;gap:3px}.filter{padding:7px 11px}.cards{grid-template-columns:1fr;gap:14px}.card{padding:20px 22px 0}.card-top{margin-bottom:12px}.card h3{font-size:19px}.card h4{font-size:12px}.card>p{font-size:12px;min-height:0}.skill-tag{font-size:9px}.card-bottom>span,.start-button{font-size:10px}.card-bottom{padding:14px 0}.bottom-tip{align-items:start;font-size:9px;line-height:1.9}.bottom-tip>.icon{margin-top:2px}footer{padding:0 18px 20px;font-size:6px}footer span:last-child{display:none}.panel{padding:22px}.modal-backdrop{padding:10px}.session{padding:20px;max-height:94vh;border-radius:12px}.session-head h2{font-size:19px}.session-meta{flex-wrap:wrap;gap:8px}.goal{font-size:10px}.conversation{height:38vh}.session-actions>small{display:none}.message{max-width:93%}.preflight{padding:30px 5px 10px}.result-score{gap:15px}.score-circle{height:95px;width:95px}.result-score h3{font-size:16px}.history-row{padding:15px;gap:12px}.history-row b{font-size:11px}.history-row>.avatar{display:none}.history-row>span:not(.avatar){display:none}}
.training-context{display:flex;gap:12px;align-items:center;margin-bottom:20px;border:1px solid #dce6d4;background:#f0f4e9;border-radius:9px;padding:13px 17px}.context-brand{background:#167446;color:white;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:12px}.training-context b{font-size:11px}.training-context small{display:block;font-size:9px;color:#8e9e80;margin-top:3px}.context-selects{display:flex;gap:8px;margin-left:auto}.context-selects select{width:auto;font-size:10px;padding:8px;max-width:245px}.settings-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media(max-width:620px){.training-context{flex-wrap:wrap;padding:13px}.context-selects{width:100%;margin:0}.context-selects select{flex:1;width:40%;max-width:none;font-size:9px}.settings-pair{grid-template-columns:1fr}}
@media(min-width:621px){.card h4,.card>p{font-size:11px}.card>p{line-height:1.85}.start-button{font-size:10px}.card-bottom>span{font-size:10px}.skill-tag{font-size:9px}.hero-label{font-size:10px}.hero p{font-size:12px}.hero-tags{font-size:10px}.heading p{font-size:13px}.section-title p{font-size:12px}.count,.mode-note{font-size:10px}}
header .header-status{margin-left:auto}.header-settings{border:1px solid #e4eadd;background:#fff;color:#7b9069;border-radius:7px;margin-left:15px;padding:7px;display:grid;place-items:center}.header-settings .icon{height:16px;width:16px}
/* SN SkillUp: focused training workspace, KBank-inspired palette. */
:root{--green:#008b46;--muted:#65756c;--line:#e2e9e5;font-size:15px;color:#203c2e;background:#f4f7f5}aside{width:252px;padding:25px 20px 18px;background:#fff}.main{margin-left:252px}.brand{gap:12px;letter-spacing:-.6px;font-size:24px;line-height:1.3;color:#006f39}.brand img{width:62px;height:60px;object-fit:contain}.brand>span{display:block;white-space:nowrap}.brand small{display:block;letter-spacing:0;font-size:11px;font-weight:500;color:#64786b;margin-top:5px}.workspace{margin:27px 0 28px;background:#f6f9f7;border:1px solid #e0e9e3;padding:12px 10px;gap:9px}.workspace-logo{font-size:11px;background:#e1f3e7;color:#007940;width:31px;height:31px}.workspace b{font-size:12px}.workspace small{font-size:10px}.workspace-chip{font-size:8px;border:1px solid #dce5df;padding:3px 5px;border-radius:4px;color:#829087}.nav-label{font-size:11px;letter-spacing:0;color:#89958e}.nav{font-size:13px;padding:14px 12px;gap:11px;color:#63786b;margin-bottom:3px}.nav.active{background:#e7f6ed;color:#007c40;position:relative}.nav.active:before{content:'';position:absolute;left:-20px;width:4px;top:10px;bottom:10px;border-radius:0 3px 3px 0;background:#009b50}.nav-pill{background:#caecd7;font-size:10px}.side-note{background:#f1f8f3;border-color:#ddece2;border-radius:12px;padding:18px 15px}.side-note>.icon{color:#009b50;width:22px;height:22px}.side-note b{font-size:12px}.side-note p{font-size:11px;color:#6d8274}.side-note>span{color:#008345}.profile b{font-size:12px}.profile small{font-size:10px}.profile-avatar{background:#dff1e6;color:#007a3e}.online{background:#00a451}header{height:72px;padding:0 40px;background:#fff;font-size:12px}.breadcrumb{color:#007d40;font-weight:600}.header-status{padding:6px 11px;border:1px solid #dfebe3;background:#f5faf6;border-radius:20px;color:#52705b;font-size:10px}.header-status i{background:#00a754}.header-settings{margin-left:12px}.header-settings:hover{background:#edf7f0}main{padding:32px 40px 30px;max-width:1400px}h1{font-size:30px;font-weight:600;letter-spacing:-.7px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-kicker{display:flex;align-items:center;gap:7px;font-size:12px;color:#008244;font-weight:500;margin-bottom:9px}.page-kicker>span{height:6px;width:6px;background:#ed1c24;border-radius:50%}.welcome h1{margin:0 0 8px;line-height:1.45}.welcome p{font-size:13px;line-height:1.8;color:#74877a;margin:0}.button{font-size:12px;min-height:42px;padding:11px 17px;border-radius:9px}.primary{background:#008b46;color:#fff;border-color:#008b46}.primary:hover{background:#00733a;border-color:#00733a}.secondary{border-color:#dbe6de;color:#43624e;background:#fff}.button:focus-visible{outline-color:#007c41}.overview-strip{display:flex;align-items:center;gap:26px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 23px;margin-bottom:28px;box-shadow:0 3px 12px #163e2403}.overview-title{display:flex;gap:12px;align-items:center;padding-right:25px;border-right:1px solid var(--line);font-size:13px;font-weight:500}.overview-title>.icon{width:40px;height:40px;padding:10px;background:#e7f5ed;border-radius:11px;color:#008b46}.overview-title small{display:block;font-weight:400;font-size:10px;color:#87948c;margin-top:4px}.overview-strip>div:not(.overview-title){display:flex;flex-direction:column;gap:3px;flex:1}.overview-strip>div>b{font-size:26px;font-weight:650;line-height:1.25;color:#184c32}.overview-strip>div>b>small{font-size:11px;font-weight:400;color:#809286}.overview-strip>div>span{font-size:11px;color:#7d8d82}.overview-strip>.text-link{white-space:nowrap;font-size:11px}.text-link{display:inline-flex;align-items:center;gap:6px;color:#008346;background:transparent;border:0;padding:0;text-align:left;font-size:11px;font-weight:500}.text-link .icon{height:14px;width:14px}.text-link:hover{text-decoration:underline}.step-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-number{display:grid;place-items:center;background:#007f42;color:#fff;border-radius:50%;width:29px;height:29px;font-size:13px;font-weight:600;flex-shrink:0}.step-heading h2{font-size:18px;font-weight:600;margin:0 0 3px}.step-heading p{font-size:12px;color:#7b8b80;margin:0;line-height:1.7}.context-grid{display:grid;grid-template-columns:1fr 1.2fr 1.1fr;gap:22px;background:white;border:1px solid var(--line);padding:21px 23px;border-radius:12px;margin-bottom:29px}.context-grid label{font-size:12px;gap:9px;font-weight:500}.context-grid label>span{display:flex;align-items:center;gap:7px}.context-grid label>span>.icon{width:15px;height:15px;color:#008b46}.context-grid select{font-size:12px;padding:10px 12px;min-height:42px;background:#fafcfb;border-color:#d9e4dd;color:#254e36;cursor:pointer}.context-grid small{font-size:10px;font-weight:400;line-height:1.7;color:#7e9082}.business-context{border-left:1px solid #e7ece9;padding-left:22px;display:flex;flex-direction:column;justify-content:center;gap:9px}.business-context>span{font-size:10px;color:#8a988f}.business-context>b{font-size:12px;font-weight:500;color:#3b5d47}.business-context>.text-link{font-size:10px;line-height:1.7}.scenario-total{margin-left:auto;font-size:11px;color:#7c8f80;border:1px solid #dfe7e1;border-radius:20px;padding:4px 11px}.training-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:22px;align-items:start}.scenario-picker{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 13px 12px}.scenario-picker .filters{margin:0 0 9px;gap:2px;background:#f4f7f5;border-radius:8px;padding:4px;display:flex}.scenario-picker .filter{flex:1;font-size:11px;padding:8px 5px;border:0;border-radius:6px;color:#738679;background:transparent}.scenario-picker .filter.chosen{background:#fff;color:#007e40;box-shadow:0 1px 5px #203e2812}.scenario-list{display:grid;gap:6px}.scenario-choice{display:flex;align-items:center;gap:13px;background:white;border:1px solid transparent;border-radius:9px;padding:15px 11px;text-align:left;width:100%;transition:background .15s,border-color .15s;min-height:94px}.scenario-choice:hover{background:#f4f9f6;border-color:#dcebe1}.scenario-choice.is-picked{background:#edf8f1;border-color:#b9dec8}.scenario-index{width:33px;height:35px;display:grid;place-items:center;border:1px solid #e3eae5;border-radius:8px;color:#8b9d90;background:#f9fbfa;font-size:12px;font-weight:600;flex-shrink:0}.is-picked .scenario-index{background:#008b46;color:white;border-color:#008b46}.scenario-info{display:flex;flex-direction:column;gap:3px;min-width:0}.scenario-info>b{font-size:14px;font-weight:500;color:#2d5039}.scenario-info>span{font-size:11px;line-height:1.7;color:#7a8b7f}.scenario-info>small{font-size:10px;color:#9aa69d;margin-top:2px}.scenario-info i{font-style:normal;margin:0 5px}.choice-check{width:21px;height:21px;border:1px solid #dce5de;border-radius:50%;margin-left:auto;flex-shrink:0;background:#fff;display:grid;place-items:center;color:transparent}.choice-check .icon{width:12px;height:12px;stroke-width:2}.is-picked .choice-check{background:#008b46;border-color:#008b46;color:white}.training-detail{background:#fff;border:1px solid #d6e5db;border-radius:13px;padding:25px 26px;position:sticky;top:20px;box-shadow:0 6px 24px #244e3010;overflow:hidden}.training-detail:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:#009c50}.detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.detail-kicker{font-size:11px;color:#008b46;font-weight:500}.level{font-size:10px;padding:4px 8px;background:#f6f9f5;color:#7b8d79;border-color:#e2e9de}.training-detail>h3{font-size:23px;font-weight:600;line-height:1.5;margin-bottom:10px;color:#164d30}.detail-description{font-size:12px;color:#7a8c7f;line-height:1.9;margin-bottom:19px;min-height:45px}.customer-quote{background:#f5f8f6;border:1px solid #e8eee9;padding:16px 18px;border-radius:9px;margin-bottom:21px}.customer-label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;color:#728477}.customer-label>.icon{width:14px;height:14px}.customer-quote>p{font-size:13px;line-height:1.9;color:#395b44;margin:10px 0 0}.learning-goal{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.learning-goal>b{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#385b43}.learning-goal>b>.icon{width:16px;height:16px;color:#008b46}.learning-goal>p{font-size:12px;color:#7d8e81;line-height:1.9;margin:7px 0 0}.mode-picker>b{font-size:12px;font-weight:500;color:#395b44}.mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.mode-option{background:white;border:1px solid #e1e8e3;padding:12px 6px;border-radius:8px;text-align:center;color:#758b7b;min-height:75px}.mode-option>span{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;font-weight:500;white-space:nowrap}.mode-option .icon{width:14px;height:14px}.mode-option>small{font-size:9px;display:block;margin-top:6px;color:#9baa9e}.selected-mode{border-color:#008b46;box-shadow:0 0 0 1px #008b46;background:#eff9f2;color:#00783d}.selected-mode>small{color:#6c987b}.mode-explainer{font-size:10px;color:#8a9b8e;line-height:1.8;margin:11px 0 19px;min-height:35px}.begin-training{width:100%;font-size:14px;justify-content:flex-start;gap:9px;padding:15px 18px;min-height:52px;border-radius:9px}.begin-training>.icon{height:19px;width:19px}.begin-training>span{font-size:10px;font-weight:400;margin-left:auto;color:#c2e8d1}.detail-footnote{text-align:center;font-size:9px;color:#9aa89d;margin-top:12px}.responsible-note{display:flex;align-items:start;gap:12px;margin-top:24px;border:1px solid #e1e9e3;border-radius:10px;background:#edf4ef;padding:16px 19px}.responsible-note>.icon{width:19px;height:19px;color:#008244;margin-top:2px}.responsible-note b{font-size:11px;font-weight:500;color:#557762}.responsible-note p{font-size:10px;line-height:1.9;color:#85988b;margin:4px 0 0}footer{padding:0 40px 25px;font-size:9px;letter-spacing:0;color:#9ba99f}.heading .eyebrow,.eyebrow{letter-spacing:0;font-size:11px;color:#008b46}.heading p{line-height:1.8}.settings-form{max-width:850px}.settings-form label{font-size:13px;gap:9px}.settings-form input,.settings-form textarea,.settings-form select{font-size:13px}.panel{border-radius:13px}.panel p{font-size:13px}.notice{background:#edf8f1;color:#587d63}.notice p{font-size:11px}.session{background:#fbfdfb;border-radius:16px}.session-head h2{color:#165530;font-size:23px}.session .eyebrow{font-size:11px;color:#008b46}.goal{background:#e9f7ef;color:#4a7859;font-size:12px}.goal .icon{color:#008b46}.message small{font-size:10px;color:#799184}.message p{font-size:13px;line-height:1.9}.message.mine p{background:#e3f4e9;border-color:#cae7d5}.chat-form input{font-size:13px}.session-meta{font-size:11px}.session-meta b{color:#008447}.score-circle{border-color:#b9dfc5;color:#008b46}.track i{background:#00a451}.feedback-box{background:#eaf7ef}.feedback-box h3{font-size:13px;color:#2f6844}.feedback-box p,.rubric-results p{font-size:12px;color:#6c8675}.rubric-results>div{font-size:12px}.rubric-results b{color:#008b46}.end{background:#fff2ef;border-color:#f1dcd4;color:#a45542}.session-actions>small{font-size:10px;color:#8c9c90}.guide-grid .step{color:#008b46}.coverage{font-size:12px}.coverage b{color:#008b46}.history-row b{font-size:13px}.history-row small{font-size:10px}.history-row strong{color:#008b46}.bars i{background:#00a451}#toast{background:#006e39;font-size:13px}button,input,select,textarea{scroll-margin-top:20px}:focus-visible{outline-color:#008b46!important}
@media(min-width:1500px){main{padding-top:40px}.training-detail{padding:29px 30px}.scenario-choice{padding:18px 15px;min-height:102px}.scenario-info>b{font-size:15px}.scenario-info>span{font-size:12px}.training-detail>h3{font-size:26px}.customer-quote>p{font-size:14px}.detail-description,.learning-goal>p{font-size:13px}.mode-option>span{font-size:12px}.welcome h1{font-size:34px}.training-layout{gap:26px;grid-template-columns:1.05fr 1fr}.mode-explainer{font-size:11px}}
@media(max-width:1200px){aside{width:218px;padding:24px 16px}.main{margin-left:218px}.brand{font-size:20px;gap:9px}.brand img{width:51px;height:52px}.brand small{font-size:10px}.workspace b{font-size:11px}.workspace small{font-size:9px}.workspace-chip{display:none}.nav{font-size:12px}.nav.active:before{left:-16px}main{padding:29px 26px}.welcome h1{font-size:27px}.welcome p{font-size:12px}.overview-strip{gap:18px;padding:18px}.overview-title{padding-right:18px;font-size:12px}.overview-strip>.text-link{display:none}.context-grid{gap:16px;grid-template-columns:1fr 1.3fr}.business-context{grid-column:1/-1;border-left:0;border-top:1px solid #e7ece9;padding:12px 0 0;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.business-context>.text-link{margin-left:auto}.training-layout{grid-template-columns:.95fr 1.05fr;gap:16px}.training-detail{padding:23px 20px}.scenario-choice{padding:13px 8px;gap:10px;min-height:99px}.scenario-info>b{font-size:13px}.scenario-info>span{font-size:10px}.scenario-info>small{font-size:9px}.scenario-index{width:29px;height:32px;font-size:11px}.mode-option>span{font-size:10px;gap:4px}.mode-option .icon{width:12px;height:12px}.mode-option>small{font-size:8px}.training-detail>h3{font-size:22px}.begin-training{padding:13px;font-size:13px}.begin-training>span{font-size:9px}header{padding:0 26px}footer{padding:0 26px 22px}}
@media(max-width:1000px){aside{width:78px;padding:24px 12px}.main{margin-left:78px}.brand{justify-content:center}.brand img{width:49px;height:49px}.brand>span,.workspace,.nav-label,.side-note,.nav>span,.profile>div,.profile>.online{display:none}nav{margin-top:35px}.nav{justify-content:center;padding:14px 8px}.nav.active:before{left:-12px}.side-bottom .nav{margin-bottom:10px}.profile{justify-content:center}.welcome h1{font-size:28px}.welcome>.button{font-size:11px}.overview-title{font-size:12px}.context-grid{grid-template-columns:1fr 1.2fr}.training-layout{grid-template-columns:1fr 1.08fr}.scenario-info>span{font-size:11px}.scenario-choice{min-height:99px}}
@media(max-width:780px){main{padding:25px 22px}.welcome h1{font-size:25px}.welcome>.button{font-size:0;min-width:42px;padding:10px}.welcome>.button>.icon{width:19px;height:19px}.overview-strip{gap:16px;flex-wrap:wrap}.overview-title{width:100%;border-right:0;border-bottom:1px solid var(--line);padding:0 0 13px}.overview-title small{display:inline;margin-left:8px}.overview-title>.icon{width:30px;height:30px;padding:7px;border-radius:8px}.training-layout{grid-template-columns:1fr}.training-detail{position:relative;top:0;padding:25px}.scenario-list{grid-template-columns:1fr 1fr;gap:6px}.scenario-choice{gap:8px;padding:12px 9px;min-height:114px}.scenario-info>span{font-size:10px}.scenario-info>b{font-size:12px}.scenario-index{width:25px;height:28px;font-size:10px}.choice-check{width:16px;height:16px}.choice-check>.icon{height:10px;width:10px}.scenario-picker{padding:13px}.scenario-picker .filter{font-size:12px}.mode-option>span{font-size:12px}.mode-option>small{font-size:10px}.mode-option .icon{width:16px;height:16px}.mode-explainer{font-size:11px}.begin-training{font-size:14px}.begin-training>span{font-size:10px}.context-grid{padding:19px;gap:18px}.context-grid select{font-size:11px}.step-heading h2{font-size:18px}.step-heading p{font-size:11px}.training-detail>h3{font-size:25px}.customer-quote>p{font-size:14px}.learning-goal>p,.detail-description{font-size:13px}}
@media(max-width:620px){aside{inset:auto 0 0;width:100%;height:68px;padding:5px 12px;border-top:1px solid var(--line)}.main{margin-left:0;margin-bottom:68px}.brand,.side-bottom{display:none}nav{margin:0;justify-content:space-around}.nav{font-size:9px;padding:7px 10px;margin:0;gap:4px;flex-direction:column}.nav>span:not(.nav-pill){display:block}.nav .icon{width:19px;height:19px}.nav.active:before{display:none}.nav.active{border-radius:9px}header{height:58px;padding:0 18px;font-size:11px}.header-status{font-size:9px;padding:5px 8px}.header-settings{padding:6px;margin-left:8px}.slash{padding:0 10px}main{padding:24px 17px}.welcome{gap:10px;align-items:start;margin-bottom:20px}.welcome h1{font-size:25px;line-height:1.55;letter-spacing:-.6px}.welcome p{font-size:12px}.page-kicker{font-size:11px;margin-bottom:7px}.welcome>.button{margin-top:3px;min-width:35px;min-height:36px;padding:8px}.overview-strip{padding:16px;gap:12px;margin-bottom:25px}.overview-title small{font-size:9px}.overview-strip>div>b{font-size:25px}.overview-strip>div>span{font-size:10px}.overview-strip>div>b>small{font-size:10px}.step-heading{gap:10px;margin-bottom:14px}.step-number{height:27px;width:27px;font-size:12px}.step-heading h2{font-size:18px}.step-heading p{font-size:11px}.context-grid{grid-template-columns:1fr;padding:18px;gap:17px;margin-bottom:26px}.context-grid label{font-size:12px}.context-grid select{font-size:13px}.context-grid small{font-size:10px}.business-context{flex-wrap:wrap;gap:6px 12px}.business-context>.text-link{margin:5px 0 0;width:100%;font-size:11px}.business-context>b{font-size:11px}.scenario-total{font-size:10px;padding:4px 8px}.scenario-list{grid-template-columns:1fr;gap:5px}.scenario-choice{min-height:92px;padding:13px 12px;gap:12px}.scenario-info>b{font-size:14px}.scenario-info>span{font-size:12px}.scenario-info>small{font-size:10px}.scenario-index{width:32px;height:34px;font-size:12px}.choice-check{width:21px;height:21px}.choice-check>.icon{width:12px;height:12px}.training-detail{padding:23px 19px}.training-detail>h3{font-size:24px}.detail-description{font-size:13px}.customer-quote{padding:16px}.customer-quote>p{font-size:13px}.learning-goal>p{font-size:12px}.mode-option>span{font-size:10px;gap:4px}.mode-option>small{font-size:9px}.mode-option .icon{width:13px;height:13px}.mode-explainer{font-size:11px}.begin-training{padding:14px 13px;font-size:14px}.begin-training>span{font-size:9px}.responsible-note{padding:15px;gap:9px}.responsible-note b{font-size:11px}.responsible-note p{font-size:10px}.settings-form{padding:20px}.settings-form input,.settings-form select,.settings-form textarea{font-size:13px}.heading h1{font-size:25px}.heading p{font-size:12px}.session{padding:20px}.session-head h2{font-size:20px}.session .eyebrow{font-size:10px}.session-meta{font-size:10px}.goal{font-size:11px}.message p{font-size:13px}.session-actions .button{font-size:12px}.result-score h3{font-size:17px}footer{font-size:8px;padding:0 17px 22px}.header-settings>.icon{width:15px;height:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.mobile-brand-logo{display:none}.keep-together{white-space:nowrap}@media(max-width:620px){header>div:first-child{display:flex;align-items:center;white-space:nowrap;font-size:10px}.mobile-brand-logo{display:inline-block;width:29px;height:30px;object-fit:contain;margin-right:8px}.header-status{font-size:8px;padding:5px 7px}header .slash{padding:0 8px}.welcome h1{font-size:24px}}
.cloud-account{margin-left:10px;min-height:31px;font-size:10px;padding:6px 10px}.cloud-login{border:1px solid #dce8df;border-radius:16px;padding:28px;max-width:440px;width:calc(100% - 32px);color:#224e32;background:#fff}.cloud-login::backdrop{background:#163f2b80;backdrop-filter:blur(3px)}.cloud-login>.icon-button{float:right;font-size:24px}.cloud-login h2{font-size:22px}.cloud-login p{font-size:13px;line-height:1.9;color:#768e7b}.cloud-login form{display:grid;gap:18px}.cloud-login #cloud-message{color:#007b40}@media(max-width:620px){.cloud-account{font-size:9px;padding:5px 7px;margin-left:6px}.header-status{display:none}}

/* Readability update: Sarabun throughout, comfortable Thai body text. */
:root{font-family:'Sarabun',Tahoma,Arial,sans-serif;font-size:16px}body{line-height:1.65}.avatar{font-family:inherit}input,select,textarea,button{font-family:inherit}.welcome h1{font-size:32px;line-height:1.5;letter-spacing:0}.welcome p{font-size:15px;line-height:1.85}.page-kicker{font-size:14px}.brand{letter-spacing:0}.brand small{font-size:12px}.nav{font-size:15px}.nav-label{font-size:12px}.workspace b{font-size:13px}.workspace small{font-size:11px}.step-heading h2{font-size:21px}.step-heading p{font-size:14px}.context-grid label{font-size:14px}.context-grid select{font-size:14px;min-height:46px}.context-grid small{font-size:12px}.business-context>span{font-size:12px}.business-context>b{font-size:14px}.business-context>.text-link{font-size:12px}.overview-title{font-size:15px}.overview-title small,.overview-strip>div>span{font-size:12px}.overview-strip>div>b{font-size:29px}.scenario-picker .filter{font-size:13px;min-height:40px}.scenario-info>b{font-size:16px}.scenario-info>span{font-size:13px;line-height:1.75}.scenario-info>small{font-size:12px}.scenario-choice{min-height:112px}.scenario-index{font-size:13px}.detail-kicker,.level{font-size:12px}.training-detail>h3{font-size:27px}.detail-description{font-size:15px;line-height:1.9}.customer-label{font-size:12px}.customer-quote>p{font-size:16px;line-height:1.9}.learning-goal>b,.mode-picker>b{font-size:14px}.learning-goal>p{font-size:14px;line-height:1.9}.mode-option>span{font-size:12px;white-space:normal}.mode-option>small{font-size:11px}.mode-explainer{font-size:12px;line-height:1.9}.begin-training{font-size:16px}.begin-training>span{font-size:12px}.detail-footnote{font-size:11px}.responsible-note b{font-size:13px}.responsible-note p{font-size:12px}.side-note b{font-size:13px}.side-note p{font-size:12px}.side-note>span{font-size:12px}.message p{font-size:16px;line-height:1.9}.message small{font-size:12px}.goal{font-size:14px}.session-meta{font-size:12px}.chat-form input{font-size:16px}.rubric-results>div{font-size:14px}.rubric-results p,.feedback-box p{font-size:14px;line-height:1.9}.feedback-box h3{font-size:15px}.settings-form label{font-size:15px}.settings-form input,.settings-form textarea,.settings-form select{font-size:15px}.panel p{font-size:15px}.history-row b{font-size:15px}.history-row small{font-size:12px}.button{font-size:14px}.preflight p{font-size:15px}.notice p{font-size:13px}footer{font-size:11px}.header-status{font-size:11px}.cloud-account{font-size:12px}.coverage{font-size:14px}
@media(max-width:1200px){.nav{font-size:14px}.brand{font-size:20px}.welcome h1{font-size:29px}.training-layout{grid-template-columns:1fr 1.12fr}.scenario-choice{padding:14px 9px;gap:9px}.scenario-info>b{font-size:15px}.scenario-info>span{font-size:12px}.scenario-info>small{font-size:11px}.training-detail{padding:23px 20px}.mode-options{gap:6px}.mode-option>span{font-size:11px}.mode-option>small{font-size:10px}.mode-option .icon{display:none}.begin-training{font-size:15px}.begin-training>span{font-size:11px}.overview-strip{gap:15px}.overview-title{font-size:14px}}
@media(max-width:780px){.welcome h1{font-size:28px}.welcome p{font-size:14px}.scenario-info>b{font-size:14px}.scenario-info>span{font-size:12px}.scenario-choice{min-height:125px}.customer-quote>p{font-size:16px}.mode-option>span{font-size:13px}.mode-option>small{font-size:11px}.mode-option .icon{display:inline-block}.training-layout{grid-template-columns:1fr}}
@media(max-width:620px){.welcome h1{font-size:27px}.welcome p{font-size:14px}.page-kicker{font-size:13px}.nav{font-size:11px;padding:6px 7px}.context-grid label,.context-grid select{font-size:15px}.context-grid small{font-size:12px}.business-context>b{font-size:13px}.business-context>.text-link{font-size:13px}.step-heading h2{font-size:21px}.step-heading p{font-size:13px}.scenario-info>b{font-size:16px}.scenario-info>span{font-size:14px}.scenario-info>small{font-size:12px}.scenario-choice{min-height:112px}.training-detail>h3{font-size:27px}.detail-description,.learning-goal>p{font-size:15px}.customer-label{font-size:13px}.customer-quote>p{font-size:16px}.mode-option>span{font-size:12px}.mode-option>small{font-size:11px}.mode-explainer{font-size:13px}.begin-training{font-size:16px}.begin-training>span{font-size:11px}.responsible-note b{font-size:14px}.responsible-note p{font-size:13px}.message p{font-size:16px}.session-meta{font-size:12px}.goal{font-size:14px}.session-actions .button{font-size:14px}.header-status{display:none}.overview-title{font-size:14px}.overview-title small{font-size:11px}.overview-strip>div>span{font-size:12px}.header-settings{margin-left:6px}.cloud-account{font-size:11px}.settings-form input,.settings-form select,.settings-form textarea{font-size:16px}}
.welcome-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;flex-shrink:0}.welcome-actions .button{font-size:14px;min-height:44px;white-space:nowrap}.welcome-actions .secondary{font-size:12px}.voice-controls{flex-wrap:wrap;font-size:14px;line-height:1.7}.voice-controls .button{font-size:13px}.preflight .primary{font-size:16px;min-height:48px}@media(max-width:780px){.welcome{align-items:flex-start;flex-wrap:wrap}.welcome-actions{flex-direction:row;flex-wrap:wrap;flex:1 0 100%}.welcome-actions .primary{flex:1}.welcome-actions .secondary{padding:10px;font-size:0}.welcome-actions .secondary .icon{width:19px;height:19px}}@media(max-width:620px){.welcome-actions .button{font-size:14px}.welcome-actions .secondary{font-size:0}.voice-controls{font-size:13px}}
.tester-form{max-width:420px;margin:22px auto 0;display:grid;gap:12px;text-align:left}.tester-form label{display:block;font-size:16px;font-weight:600;line-height:1.7;color:#234f34}.tester-form input{display:block;margin-top:8px;font-size:16px;font-weight:400;min-height:48px}.tester-form>small{font-size:12px;color:#708776;line-height:1.8}.tester-form .primary{width:100%;margin-top:4px}.required-mark{color:#b24c3e}.session-tester{color:#007b40;font-size:12px;font-weight:500}.result-score .tester-result{font-size:14px;color:#226a3c}.result-score .tester-result b{font-weight:600}.session-meta{flex-wrap:wrap}.preflight{padding-top:25px}@media(max-width:620px){.tester-form{margin-top:18px}.tester-form label,.tester-form input{font-size:16px}.tester-form>small{font-size:12px}.session-tester{font-size:12px}.result-score .tester-result{font-size:13px}}
.preflight:has(.tester-form){padding-top:16px;padding-bottom:12px}.preflight:has(.tester-form)>.avatar{display:none}.preflight:has(.tester-form)>h3{margin-bottom:10px}.preflight:has(.tester-form)>p{margin-bottom:12px}.preflight .tester-form{margin-top:16px}.preflight .tester-form .primary{min-height:48px}@media(max-height:750px){.session-head h2{margin-bottom:12px}.session-meta{padding-bottom:12px}.goal{margin-top:12px;padding:12px}.preflight:has(.tester-form){padding-top:15px}}
/* Research and training records */
.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.knowledge-grid .panel{min-width:0}.knowledge-grid li{margin:12px 0;line-height:1.8}.knowledge-grid small{display:block;margin-top:16px;color:#647c70}.research-notice{padding:20px 24px;background:#fff7e7;border:1px solid #edddba;border-radius:16px;margin:16px 0;line-height:1.8}.rubric-description{padding:16px 0;border-bottom:1px solid #e3ebe6}.training-team{background:#eff8f1;border-radius:12px;padding:10px 14px;color:#17603c;font-weight:600}.tester-form .training-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6;font-size:14px;font-weight:400}.training-consent input{width:18px!important;height:18px!important;flex:0 0 18px;min-height:18px!important;padding:0!important;margin:5px 0 0!important;accent-color:#008b49}.sync-status{font-size:12px;color:#526c5c;padding:0 28px 10px}.tester-form{gap:13px!important}.preflight{padding-top:12px!important}.preflight h3{margin:8px 0!important}.preflight>p{margin:8px 0 16px!important}.preflight .tester-form input{padding:10px 14px;min-height:44px}.preflight .tester-form .button{min-height:48px}.session{max-height:94dvh!important;overflow-y:auto!important}.manager-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:20px}.manager-toolbar label{display:grid;gap:6px;flex:1;min-width:170px}.manager-toolbar input,.manager-toolbar select,.manager-login input,.team-link input,#manager-create-team input{width:100%;padding:12px;border:1px solid #cadbce;border-radius:10px;font:inherit;background:white}.manager-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0}.manager-metrics .panel{display:flex;flex-direction:column;gap:8px;padding:20px}.manager-metrics strong{font-size:30px;color:#16643d}.manager-metrics span,.manager-note{font-size:13px;line-height:1.7;color:#597362}.manager-table-wrap{overflow:auto}.manager-table{border-collapse:collapse;width:100%;font-size:14px}.manager-table th,.manager-table td{text-align:left;padding:14px 12px;border-bottom:1px solid #e3ebe6;vertical-align:top}.manager-table th{white-space:nowrap;background:#f2f7f3}.manager-table small{display:block;color:#6a7e70;margin-top:5px}.manager-login{max-width:520px}.manager-login label{display:grid;gap:10px;margin:20px 0}.team-link{display:grid;grid-template-columns:1fr auto;gap:10px;padding:20px 0;border-bottom:1px solid #e3ebe6}.team-link b,.team-link small{grid-column:1/-1}.team-link input{font-size:13px}#manager-create-team{margin-top:20px}.assessment-note{font-size:13px;color:#597362}
@media(max-width:1000px){.manager-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.knowledge-grid{grid-template-columns:1fr}.manager-metrics{grid-template-columns:repeat(2,1fr)}.manager-metrics .panel{padding:15px}.team-link{grid-template-columns:1fr}.team-link b,.team-link small{grid-column:auto}.preflight{padding:12px 18px!important}.session-head{padding:18px!important}.session-meta{padding:0 18px!important}.tester-form .training-consent{font-size:12px}}
#manager-roster{display:grid;gap:14px;margin-top:20px}#manager-roster label{display:grid;gap:8px}#manager-roster select,#manager-roster textarea{padding:12px;border:1px solid #cadbce;border-radius:10px;background:white;font:inherit}
/* The selected goal is already shown on the preceding screen; keep the short entry form in view. */
.session:has(.preflight) .goal{display:none}.session:has(.preflight) .session-meta .level{display:none}.session:has(.preflight) .preflight>h3{margin-top:0!important}.session:has(.preflight) .preflight{padding-bottom:24px!important}
/* In-app user manual */
.user-manual{--manual-green:#007c43;--manual-soft:#edf7f0;color:#294a38;line-height:1.8}.manual-hero{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:32px;padding:32px;border:1px solid #d8e8db;border-radius:22px;background:linear-gradient(120deg,#fff 20%,#edf7f0);margin-bottom:24px}.manual-hero .eyebrow{font-size:13px;letter-spacing:.3px;color:var(--manual-green)}.manual-hero h1{font-size:32px;letter-spacing:0;margin:4px 0 12px}.manual-hero p{color:#607569;font-size:15px;margin-bottom:20px}.manual-hero-aside{border-radius:16px;padding:22px 24px;background:#006d3d;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:8px}.manual-hero-aside>span{font-size:13px;color:#d4eddd}.manual-hero-aside>b{font-size:22px;line-height:1.8}.manual-hero-aside>small{font-size:12px;color:#deeee3}.manual-actions{display:flex;flex-wrap:wrap;gap:10px}.manual-tools{display:flex;align-items:end;gap:20px;justify-content:space-between;padding:6px 0 16px}.manual-search{display:grid;gap:7px;flex:1;max-width:530px;font-weight:600}.manual-search input{width:100%;padding:13px 16px;background:white;border:1px solid #c5d8cb;border-radius:12px;font:inherit;font-weight:400;font-size:15px;min-width:0}.manual-search input:focus{outline:2px solid #9dd0af;outline-offset:2px}.manual-utility{display:flex;flex-wrap:wrap;gap:10px}.manual-audiences{display:flex;flex-wrap:wrap;gap:8px}.manual-audiences button{border:1px solid #d7e3da;border-radius:999px;background:white;padding:9px 18px;color:#4d6758;font:inherit;font-size:14px}.manual-audiences button[aria-pressed="true"]{background:#e0f1e6;border-color:#96c9a6;color:#006b3d;font-weight:600}.manual-feedback{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:12px 0 24px;font-size:13px;color:#63776b;min-height:24px}.manual-feedback #manual-action-status{color:#007b43;font-weight:600}.manual-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.manual-toc{position:sticky;top:20px;display:grid;gap:3px;background:#fff;border:1px solid #e0e8e2;border-radius:16px;padding:18px 14px}.manual-toc>b{font-size:14px;margin:0 10px 9px}.manual-toc a{display:flex;align-items:baseline;gap:10px;padding:9px 10px;border-radius:8px;color:#526b5b;font-size:13px;text-decoration:none;line-height:1.6}.manual-toc a span{color:#6d8b77;font-size:11px;font-variant-numeric:tabular-nums}.manual-toc a:hover{background:#edf7f0;color:#006c3d}.manual-content{min-width:0;display:grid;gap:20px}.manual-section.panel{margin:0;padding:26px;scroll-margin-top:24px}.manual-section[hidden],.manual-toc a[hidden],.manual-empty[hidden]{display:none!important}.manual-section-heading{display:flex;align-items:start;gap:14px;margin-bottom:22px}.manual-number{height:38px;min-width:38px;display:grid;place-items:center;border-radius:11px;background:#e5f3e9;color:#00763d;font-size:14px;font-weight:700}.manual-section-heading h2{font-size:20px;line-height:1.6;letter-spacing:0;margin:0 0 3px}.manual-section-heading p{font-size:13px;color:#6d7e73;line-height:1.7;margin:0}.manual-section p,.manual-section li{font-size:14px;line-height:1.9}.manual-section p{margin-bottom:14px}.manual-section ul{padding-left:22px}.manual-section li{padding-left:4px;margin:10px 0}.manual-steps{padding-left:22px;margin:0 0 20px}.manual-steps>li{padding-left:8px;margin:0 0 20px}.manual-steps>li::marker{color:#008348;font-weight:700}.manual-steps b{color:#294f37}.manual-steps p{color:#5b7062;margin:5px 0 0}.manual-tip{border-left:3px solid #8bbd9d;padding:16px 18px;background:#f0f7f2;border-radius:0 12px 12px 0;margin:20px 0}.manual-tip p{margin:6px 0 0}.manual-tip small{display:block;color:#718174;font-size:12px;margin-top:9px}.manual-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.manual-mode-grid>div{border:1px solid #dde8df;border-radius:12px;padding:15px;background:#fcfefc}.manual-mode-grid b{font-size:15px;color:#007c43}.manual-mode-grid p{font-size:13px;margin:8px 0 0}.manual-note{padding:14px 16px;border:1px solid #e8dfc7;border-radius:12px;background:#fffaf0;color:#756541;font-size:13px!important}.manual-rubrics{display:grid;gap:0;margin:20px 0}.manual-rubrics>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5ece7;padding:13px 0}.manual-rubrics span{color:#6d8a77;font-size:12px}.manual-rubrics b{font-size:14px}.manual-rubrics small{margin-left:auto;white-space:nowrap;color:#007c43}.manual-table-wrap{overflow-x:auto;margin:20px 0}.manual-table-wrap table{width:100%;border-collapse:collapse;font-size:13px;min-width:420px}.manual-table-wrap caption{text-align:left;font-weight:600;padding-bottom:10px}.manual-table-wrap th,.manual-table-wrap td{padding:13px;text-align:left;vertical-align:top;border-bottom:1px solid #dfe9e2;line-height:1.8}.manual-table-wrap th{background:#eff6f1;color:#32533d}.manual-table-wrap td:first-child{width:34%;font-weight:500;color:#326b46}.manual-example{font:inherit;font-size:14px;line-height:1.8;white-space:pre-wrap;padding:15px 20px;background:#f1f6f2;border:1px solid #dce6de;border-radius:10px;margin-top:12px}.manual-faq{border:1px solid #e0e9e2;border-radius:12px;padding:0;margin:10px 0;background:#fff}.manual-faq summary{cursor:pointer;padding:15px 18px;font-size:14px;font-weight:600;line-height:1.8}.manual-faq[open] summary{color:#007a42;border-bottom:1px solid #edf2ee}.manual-faq>div{padding:14px 18px}.manual-faq p{margin:0}.manual-empty{text-align:center;padding:40px!important}
@media(max-width:1150px){.manual-layout{grid-template-columns:190px minmax(0,1fr);gap:16px}.manual-mode-grid{grid-template-columns:1fr}.manual-hero{grid-template-columns:minmax(0,1fr) 200px;padding:25px;gap:20px}.manual-hero h1{font-size:29px}.manual-tools{flex-wrap:wrap}.manual-search{max-width:none;flex-basis:100%}.manual-section.panel{padding:22px}}
@media(max-width:760px){.manual-hero{grid-template-columns:1fr;padding:22px;border-radius:16px}.manual-hero h1{font-size:27px}.manual-hero-aside{padding:15px 18px}.manual-hero-aside>b{font-size:17px}.manual-hero-aside br{display:none}.manual-hero-aside b{word-spacing:8px}.manual-layout{grid-template-columns:1fr}.manual-toc{position:static}.manual-toc a{padding:8px 10px}.manual-tools{gap:12px}.manual-utility{width:100%}.manual-utility button{flex:1;font-size:12px}.manual-section.panel{padding:20px 17px}.manual-section-heading h2{font-size:19px}.manual-section-heading{gap:10px}.manual-rubrics b{font-size:13px}.manual-audiences button{padding:8px 12px;font-size:13px}.manual-feedback{margin-bottom:16px}.manual-actions .button{font-size:13px}}
@media print{body:has(.user-manual){background:#fff!important;color:#000!important}body:has(.user-manual)>#toast,body:has(.user-manual) aside,body:has(.user-manual) header,body:has(.user-manual) footer,.user-manual .manual-tools,.user-manual .manual-audiences,.user-manual .manual-feedback,.user-manual .manual-toc,.user-manual .button,.user-manual #manual-empty{display:none!important}body:has(.user-manual) .main{margin:0!important}body:has(.user-manual) main{padding:0!important;max-width:none!important}.user-manual .manual-layout,.user-manual .manual-content{display:block}.user-manual .manual-hero{display:block;background:#fff;border:0;border-bottom:2px solid #007c43;padding:0 0 12px;margin-bottom:20px}.user-manual .manual-hero-aside{display:none}.user-manual .manual-hero h1{font-size:25px}.user-manual .manual-section.panel{box-shadow:none;border:0;border-radius:0;border-bottom:1px solid #bbb;padding:14px 0;margin:0;break-inside:auto}.user-manual .manual-section-heading{break-after:avoid}.user-manual .manual-steps>li,.user-manual .manual-faq,.user-manual .manual-mode-grid>div{break-inside:avoid}.user-manual p,.user-manual li{orphans:3;widows:3;font-size:11pt}.user-manual .manual-table-wrap{overflow:visible}.user-manual table{min-width:0}.user-manual .manual-mode-grid{display:block}.user-manual .manual-mode-grid>div{margin:10px 0}.user-manual .manual-tip{background:#fff;border:1px solid #bbb}.user-manual details::details-content{content-visibility:visible;display:contents}@page{size:A4;margin:15mm}}
/* Personal invitations and the administrator's link workspace. */
.personal-welcome{display:flex;align-items:center;gap:14px;padding:18px 22px;margin-bottom:25px;border:1px solid #cbe4d6;border-radius:16px;background:#f0faf4}.personal-welcome b{display:block;font-size:19px;color:#175338}.personal-welcome small{display:block;color:#597565;margin-top:4px}.personal-welcome>span:last-child{margin-left:auto;color:#008b46;font-size:13px}.personal-admin{border-top:4px solid #008b46}.personal-admin-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.personal-admin-heading h2{font-size:25px;margin:8px 0}.personal-admin-heading p{color:#61796b;line-height:1.7}.personal-link-form{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:16px;align-items:end;margin:24px 0 12px}.personal-link-form label{display:grid;gap:8px;font-weight:600}.personal-admin input,.personal-admin select{width:100%;padding:12px;border:1px solid #cdded2;border-radius:10px;background:white;font:inherit;min-width:0}.personal-admin>small{display:block;color:#667d6e;line-height:1.7}.issued-link{display:grid;gap:16px;background:#edf9f1;border:1px solid #b6dcc4;border-radius:14px;padding:22px;margin-top:22px;overflow-wrap:anywhere}.issued-link label{display:grid;gap:8px}.issued-link>div{display:flex;flex-wrap:wrap;gap:10px}.issued-link small{line-height:1.8;color:#55725e}.personal-roster{margin-top:24px}.personal-roster summary{cursor:pointer;font-weight:600;padding:14px 0}.danger-link{color:#ad3737;margin-left:16px}.personal-preflight{display:grid;gap:12px;padding:22px;border:1px solid #c5dfce;background:#f4faf6;border-radius:14px;text-align:left}.personal-preflight>b{font-size:20px;color:#205336}.personal-preflight p{margin:0}.personal-preflight small{line-height:1.8;color:#5c7766}.personal-preflight button{margin-top:8px}.personal-access-state{max-width:700px;margin:60px auto}.personal-access-state h1{font-size:26px}
@media(max-width:1150px){.personal-link-form{grid-template-columns:1fr 1fr}.personal-link-form .button{width:100%}}
@media(max-width:760px){.personal-link-form{grid-template-columns:1fr}.personal-admin-heading{display:block}.personal-admin-heading .level{display:inline-block;margin-top:6px}.personal-welcome{padding:16px;gap:12px}.personal-welcome>span:last-child{display:none}.issued-link{padding:16px}.personal-preflight{padding:16px}}