@font-face{font-family:Sora;src:url('assets/Sora-Regular.ttf')}@font-face{font-family:Public;src:url('assets/PublicSans-Regular.ttf')}:root{--navy:#104a78;--blue:#3195d3;--ink:#3d3d3d;--muted:#677684;--pale:#eaf4fa;--line:#dce5eb;--paper:#f5f4f0}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:15px/1.55 Public,system-ui,sans-serif}aside{position:fixed;top:0;left:0;bottom:0;width:245px;padding:31px 20px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column}.logo{width:205px;height:auto;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:bold;color:var(--blue)}nav{display:flex;flex-direction:column;gap:8px;margin-top:25px}nav button{text-align:left;border:0;color:#597187;background:white;padding:12px;border-radius:8px}nav button.active{background:var(--pale);color:var(--navy);font-weight:bold}nav button span{display:inline-block;width:27px;font-size:12px}.sidefoot{margin-top:auto;font-size:12px;color:var(--muted);padding:20px 8px}.sidefoot strong{color:var(--navy)}.workspace{margin-left:245px}header{padding:25px 35px;background:white;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}h1{font:24px/1.3 Sora,system-ui;margin:8px 0 0;color:var(--navy)}h2{font:20px/1.35 Sora,system-ui;color:var(--navy);margin:0 0 16px}h3{font:16px/1.4 Sora,system-ui;color:var(--navy);margin:0 0 9px}.headeractions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px;color:var(--muted)}p{margin:9px 0 17px}button,.button{font:inherit;font-size:13px;display:inline-block;cursor:pointer;padding:10px 15px;background:white;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--navy)}button:hover,.button:hover{border-color:var(--blue);background:var(--pale)}button.primary,.button.primary{background:var(--blue);color:white;border-color:var(--blue)}button:disabled{opacity:.5;cursor:default}main{max-width:1420px;margin:auto;padding:30px 35px 45px}.hero{display:grid;grid-template-columns:1.7fr 1fr;gap:30px;background:var(--navy);color:white;padding:36px;border-radius:16px;position:relative;overflow:hidden;margin-bottom:24px}.hero:after{content:'';position:absolute;right:-50px;top:-20px;border-left:200px solid transparent;border-right:200px solid transparent;border-bottom:360px solid #ffffff06;pointer-events:none}.hero h2{font-size:28px;color:white;margin:10px 0 16px}.hero p{max-width:620px;color:#d3e6f3}.hero .eyebrow{color:#8bcef6}.heroProgress{align-self:center;z-index:1}.big{font:52px/1.2 Sora,system-ui;margin-bottom:10px}.track{height:9px;background:#ffffff22;border-radius:8px;margin-top:17px;overflow:hidden}.track div{height:100%;background:#78c6ef;transition:width .3s}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.metric{background:white;border-radius:11px;padding:20px;border:1px solid var(--line)}.metric .val{font-size:25px;font-weight:bold;color:var(--navy)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{padding:25px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.step{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:15px 0}.step:last-child{border:0}.stepmark{flex:0 0 31px;height:31px;text-align:center;border-radius:50%;background:var(--pale);color:var(--navy);padding-top:4px}.stepmark.done{background:#ddf3e9;color:#187553}.step p{margin:0;color:var(--muted);font-size:13px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wide{grid-column:1/-1}label{display:block;color:var(--muted);font-size:12px;margin:8px 0}input,textarea,select{width:100%;padding:10px;border:1px solid #cbd8e1;border-radius:6px;background:white;color:var(--ink);font:14px/1.5 Public,system-ui;margin-top:5px}textarea{min-height:75px;resize:vertical}label.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink);margin:18px 0}.check input{width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:var(--blue)}.pill{display:inline-block;font-size:10px;border-radius:20px;padding:5px 10px;background:var(--pale);color:var(--navy)}.notice{background:var(--pale);border-left:4px solid var(--blue);padding:14px 19px;margin:20px 35px;font-size:13px;border-radius:7px}main .notice{margin:12px 0 22px}.intro{max-width:850px;margin-bottom:25px}.intro h2{font-size:26px}.intro p{color:var(--muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:18px}.row select{width:auto}.resource{display:block;color:var(--navy);border:1px solid var(--line);border-radius:8px;padding:15px;text-decoration:none;margin:12px 0}.resource span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.number{font:30px Sora;color:var(--blue);display:block;margin-bottom:10px}video{width:100%;max-height:320px;background:#edf3f6;border-radius:8px}.toolbar{display:flex;gap:18px;margin-bottom:18px}.toolbar label{flex:1}.resourcegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resourcecard{background:white;border:1px solid var(--line);padding:22px;border-radius:10px;display:flex;flex-direction:column}.resourcecard p{font-size:13px;color:var(--muted)}.resourcecard .buttons{margin-top:auto}.quizq{padding:19px 0;border-bottom:1px solid var(--line)}.quizq h3{color:var(--ink);font-family:Public;line-height:1.6}.choice{display:flex;align-items:flex-start;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:6px;font-size:14px;color:var(--ink);cursor:pointer}.choice input{width:17px;height:17px;flex:0 0 17px;margin-top:3px;accent-color:var(--blue)}.feedback{padding:12px 15px;border-radius:6px;background:#ecf7f1;color:#1b704a;font-size:13px;margin-top:12px}.feedback.missed{background:#fff4e9;color:#8a561d}.quiz-summary{padding:15px;background:var(--pale);border-radius:8px;margin-bottom:15px}.badge{font-size:11px;padding:4px 7px;background:var(--pale);color:var(--navy);border-radius:5px}.badge.done{background:#ddf3e9;color:#187553}.account-milestone{padding:20px 0;border-top:1px solid var(--line)}.empty{background:white;border:1px dashed #bdcdd9;padding:35px;border-radius:10px;color:var(--muted)}.error{color:#9b4437;background:#fff1ed}.hidden{display:none!important}footer{padding:10px 35px 25px;color:var(--muted);font-size:11px}.statusline{font-size:12px;color:var(--muted)}@media(max-width:1100px){aside{width:205px}.logo{width:165px}.workspace{margin-left:205px}.resourcegrid{grid-template-columns:1fr 1fr}header{align-items:start;flex-direction:column}}@media(max-width:780px){aside{position:static;width:auto;padding:18px}.logo{width:210px;margin:0 0 10px}nav{flex-direction:row;flex-wrap:wrap;margin:10px 0 0;gap:3px}nav button{padding:8px}nav button span,.sidefoot{display:none}.workspace{margin:0}header{padding:20px}main{padding:20px}.hero,.columns{grid-template-columns:1fr}.hero{padding:25px}.metrics{grid-template-columns:1fr 1fr}.notice{margin:15px 20px}.formgrid{grid-template-columns:1fr}.resourcegrid{grid-template-columns:1fr}.hero h2{font-size:25px}.row{align-items:start;flex-wrap:wrap}.big{font-size:40px}.toolbar{flex-direction:column;gap:3px}}@media print{aside,header button,footer,#message,#demoBanner{display:none}.workspace{margin:0}header,main{padding:10px}.panel{break-inside:avoid}.hero{background:white;color:var(--navy)}.hero h2,.hero p{color:var(--navy)}section.hidden{display:none}}

.auth-panel{max-width:460px;margin:8vh auto;padding:32px;background:white;border:1px solid #d9e3ec;border-radius:16px}.auth-panel form{display:grid;gap:16px}.auth-panel .logo{max-width:210px;margin-bottom:24px}.auth-panel button{margin-top:16px}.auth-panel input{width:100%}

.section-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 4px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}.section-actions p{margin:0 0 8px}.section-next{font-weight:700;color:var(--navy)}.section-actions .small{max-width:650px}.section-actions button{flex-shrink:0;min-height:48px}.section-actions button:disabled{opacity:.65;cursor:wait}#sectionSaveStatus{font-size:14px;font-weight:600}#sectionActionMessage{font-size:14px}#pageTitle:focus{outline:2px solid var(--blue);outline-offset:4px}button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:780px){.section-actions{align-items:stretch;flex-direction:column;padding:20px;gap:12px}.section-actions button{width:100%}}@media print{.section-actions{display:none}}
.resource-group{margin:30px 0}.resource-group>h2{margin-bottom:8px}.resource-group>.muted{margin-top:0;max-width:820px}.resource-path-note{padding:16px 20px;background:var(--pale);border-radius:8px;color:var(--navy)}

#pageTitle{scroll-margin-top:20px}

.welcome-panel{margin-bottom:24px}.welcome-panel h2{margin-top:10px}.welcome-panel video{display:block;width:100%;max-width:960px;aspect-ratio:16/9;background:#104a78;border-radius:10px}.welcome-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}@media(max-width:780px){.welcome-actions{align-items:stretch;flex-direction:column}.welcome-actions .button,.welcome-actions button{text-align:center}}

.presentation-viewer{margin-top:20px}.presentation-viewer iframe{display:block;width:100%;height:clamp(300px,55vw,650px);border:1px solid var(--line);border-radius:8px;background:#f3f6f8}.product-presentation .buttons{flex-wrap:wrap}@media(max-width:780px){.presentation-viewer iframe{height:340px}}

.session-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:100%;overflow-wrap:anywhere}.environment-label{display:inline-block;padding:3px 10px;border-radius:999px;background:#e8f2f8;color:#174c70;font-size:.8rem;font-weight:700}.session-context [hidden]{display:none}@media(max-width:780px){.headeractions{min-width:0;flex-wrap:wrap}.session-context{width:100%}.session-context strong{flex-basis:100%}}
