@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
:root{--ink:#202d32;--muted:#617177;--yellow:#f2cb4b;--paper:#f4f3ed;--green:#357366}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans',sans-serif;font-size:16px;line-height:1.65}aside{position:fixed;inset:0 auto 0 0;width:286px;background:#19292e;color:#eaf0ec;padding:34px 26px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:31px;line-height:1}.mark{background:var(--yellow);color:var(--ink);padding:8px 13px;font-size:40px}.brand-small{display:block;letter-spacing:3px;font-size:12px;margin-top:7px}.course-label{font-size:11px;letter-spacing:2px;color:#9aabae;margin-top:48px}h1,h2,h3{font-family:'Barlow Condensed',sans-serif;line-height:1.05;font-weight:600}aside h2{font-size:30px;margin:12px 0 26px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:#bac7c8}.track{background:#3a4a4d;height:4px;margin:10px 0 25px}#bar{height:100%;background:var(--yellow);transition:width .3s}nav{display:grid;gap:6px}nav button{width:100%;text-align:left;color:#bfcacc;background:transparent;border:0;padding:11px 10px;display:flex;gap:12px;align-items:center;font-size:13px;cursor:pointer;border-left:3px solid transparent}nav button.active{background:#304247;color:white;border-left-color:var(--yellow)}nav button:hover{background:#304247}.num{font-family:monospace;color:#a0b1b4}nav button.done .num{color:var(--yellow)}.aside-bottom{margin-top:auto;padding-top:24px;font-size:10px;letter-spacing:1px}.aside-bottom small{letter-spacing:0;color:#a0b1b4;font-size:12px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);margin-right:5px}main{margin-left:286px;padding:0 48px;max-width:1600px}header{height:84px;border-bottom:1px solid #d7dcd6;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1.5px}.prototype{border:1px solid #ccd1cb;padding:5px 10px;font-size:10px}#content{max-width:1090px;margin:auto;padding:42px 0 50px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:600}h1{font-size:clamp(43px,5vw,74px);margin:15px 0 23px;letter-spacing:-1px}.lead{font-size:18px;color:var(--muted);max-width:580px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 22px;border:0;font:600 14px 'IBM Plex Sans',sans-serif;cursor:pointer}.primary{background:var(--yellow);color:var(--ink)}.primary:hover{background:#e8bc2b}.secondary{background:transparent;border:1px solid #b7c2bd;color:var(--ink)}.metadata{display:flex;gap:24px;font-size:12px;color:var(--muted);margin:25px 0}.diagram{background:#e4e9e2;border:1px solid #c9d3cc;position:relative;overflow:hidden}.diagram svg{width:100%;display:block}.diagram-caption{padding:12px 18px;border-top:1px solid #c9d3cc;font:11px monospace;letter-spacing:1px;display:flex;justify-content:space-between}.section-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cdd4ce;margin:46px 0 22px;padding-top:22px}.section-title h2{font-size:30px;margin:0}.section-title span{font:11px monospace;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ced5ce;border:1px solid #ced5ce}.module-card{background:var(--paper);text-align:left;padding:23px;border:0;cursor:pointer;color:var(--ink)}.module-card:hover{background:#e9ece4}.module-card .eyebrow{display:flex;justify-content:space-between}.module-card h3{font-size:25px;margin:15px 0 8px}.module-card p{font-size:13px;margin:0;color:var(--muted)}.note{background:#e8ece5;border-left:3px solid var(--green);padding:18px 22px;font-size:14px;margin-top:25px}.lesson-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}.lesson-layout h2{font-size:30px;margin-top:26px}.lesson-layout p{color:#495b60}.steps{padding-left:21px}.steps li{margin:12px 0}.takeaway{background:#1d3237;color:#e8eeea;padding:23px;margin-top:20px}.takeaway .eyebrow{color:var(--yellow)}.takeaway p{margin-bottom:0;color:inherit}.quiz{border:1px solid #c8d1ca;background:#fffef9;padding:28px;margin-top:32px}.quiz h2{font-size:29px;margin:10px 0 20px}.options{display:grid;gap:8px}.option{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #cbd3cc;background:#f8f9f4;font-size:14px;text-align:left;cursor:pointer;color:var(--ink)}.option:hover{border-color:#357366}.option.correct{border-color:#357366;background:#e5f1e7}.option.wrong{border-color:#b66845;background:#f6e9df}.feedback{margin-top:16px;padding:14px;background:#e8eee6;font-size:14px}.lesson-controls{display:flex;justify-content:space-between;margin-top:30px;gap:12px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ccd4cd;padding:20px 0;font-size:11px;color:var(--muted)}.text-button{font:inherit;color:inherit;background:none;border:none;text-decoration:underline;cursor:pointer}.exam-intro{max-width:720px}.question{margin:26px 0}.question legend{font-weight:600;padding-bottom:12px}.question{border:0;padding:0}.question label{cursor:pointer}.result{padding:24px;background:#e6eee3;border:1px solid #a9bca9}.result h2{font-size:35px}.certificate{border:2px solid #293f43;background:#fffef7;padding:45px;text-align:center;margin:30px 0}.certificate h2{font-size:45px}.certificate input{font:inherit;text-align:center;border:0;border-bottom:1px solid #acb8ae;background:transparent;width:100%;max-width:400px;padding:12px}.error{color:#9b3e27}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c29420;outline-offset:3px}.sources{font-size:12px;color:var(--muted);margin-top:28px}.sources a{color:inherit}@media(max-width:1100px){main{padding:0 28px}.hero,.lesson-layout{grid-template-columns:1fr}.hero .diagram{max-width:620px}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){aside{position:relative;width:auto;padding:20px}.brand{font-size:25px}.course-label,aside h2,.aside-bottom{display:none}.progress-label{margin-top:20px}nav{display:flex;overflow-x:auto}nav button{min-width:140px;padding:10px;font-size:12px}.track{margin-bottom:14px}main{margin-left:0;padding:0 20px}header{height:64px;font-size:9px;gap:10px}.prototype{font-size:8px}#content{padding-top:28px}.module-grid{grid-template-columns:1fr}.metadata{gap:15px}.quiz{padding:20px}.certificate{padding:24px}h1{font-size:47px}}@media print{aside,header,footer,.lesson-controls,.quiz,.primary,.secondary,.sources,.exam-intro,.result,.note{display:none!important}main{margin:0;padding:0}.certificate{margin:0;border:2px solid #000}.certificate input{border:0}}

.scenario{margin-top:32px;padding:28px;background:#e8ece5;border:1px solid #c8d2c9;border-left:4px solid var(--green)}.scenario h2{font-size:30px;margin:12px 0 18px}.scenario p{max-width:780px;color:#495b60}.scenario summary{cursor:pointer;font-weight:600;color:var(--green);padding:8px 0}.scenario details[open]{border-top:1px solid #c8d2c9}.lesson-layout article p{max-width:66ch}@media print{.scenario{display:none!important}}
.front aside,.front main>header{display:none}.front footer #reset{display:none}.front main{margin:0;max-width:none;padding:0 6vw}.front #content{max-width:1240px;padding-top:0}.front-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;border-bottom:1px solid #cdd4ce}.front .brand{color:var(--ink)}.front-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:65px 0 25px}.landing-hero h1{font-size:clamp(60px,7vw,94px)}.landing-hero p:not(.lead){max-width:560px;color:#516368}.small-print{font-size:12px;color:var(--muted);line-height:1.6}.learning-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.learning-examples article{border-top:3px solid #345b52;padding-top:20px}.example-number{font:14px monospace;color:var(--green)}.learning-examples h3{font-size:30px;margin:18px 0 12px}.learning-examples p{font-size:15px;color:#516368}.course-preview{display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:center;background:#e5eae2;padding:35px;margin-top:45px;border:1px solid #cbd4cb}.course-preview h2,.business-section h2{font-size:40px;margin:16px 0}.course-preview summary{cursor:pointer;color:var(--green);font-weight:600}.syllabus{border-top:1px solid #cbd4cb}.syllabus>div{display:grid;grid-template-columns:40px 1fr 65px;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #cbd4cb}.syllabus h3{font-size:25px;margin:0}.syllabus>div>span:last-child{font-size:12px;color:var(--muted)}.business-section{padding:40px;background:#1d3237;color:#eef2e9;margin-top:45px}.business-section .eyebrow{color:var(--yellow)}.business-section p{max-width:820px}.business-section li{padding:7px}.business-section .small-print{color:#bdcac7}.form-shell{max-width:700px;margin:55px auto}.form-shell h1{font-size:62px}.form-shell form{display:grid;gap:12px;margin:30px 0}.form-shell label{font-size:14px;font-weight:600;margin-top:7px}.form-shell input{font:inherit;background:#fffef9;border:1px solid #abbcb1;padding:13px 15px;width:100%;border-radius:0}.form-shell input[readonly]{background:#e5eae2}.form-shell form .primary{justify-self:start;margin-top:12px}.form-shell #license-code{font-family:monospace;font-size:23px;letter-spacing:2px}.order-summary{margin-top:35px;padding:25px;border:1px solid #adc0b0;background:#e8eee4}.order-summary h2{font-size:35px}.code-list{max-height:320px;overflow:auto;background:#fffef9;border:1px solid #cbd4cb;margin:20px 0;padding:10px 15px}.code-list>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #dce2d9;padding:8px}.code-list span{font-size:12px;color:var(--muted)}.participant-name{font-size:36px;margin:25px 0 10px}main>header>span{letter-spacing:0;text-align:center}main>header{gap:15px}@media(max-width:950px){.landing-hero{gap:30px}.landing-hero h1{font-size:66px}.learning-examples{gap:20px}.front-actions{gap:12px}.front-nav .primary,.front-nav .secondary{padding:11px 14px}}@media(max-width:700px){.front main{padding:0 20px}.front-nav{align-items:flex-start;padding:22px 0;flex-wrap:wrap;gap:20px}.front-nav .front-actions{width:100%}.landing-hero{grid-template-columns:1fr;padding:35px 0 10px;gap:30px}.landing-hero h1{font-size:64px}.learning-examples{grid-template-columns:1fr}.course-preview{grid-template-columns:1fr;padding:22px;gap:22px}.business-section{padding:25px}.business-section h2,.course-preview h2{font-size:34px}.form-shell{margin:35px auto}.form-shell h1{font-size:48px}.code-list>div{padding:8px 0}.code-list code{font-size:12px}main>header{font-size:10px}main>header .text-button{font-size:10px}}
.company-context{display:grid;gap:4px;padding:18px;background:#e5eae2;border-left:3px solid var(--green);margin:8px 0}.company-context>span:last-child{font-size:12px;color:var(--muted)}.business-panel{padding:45px 0}.business-login{display:grid;gap:15px;max-width:600px;margin:30px 0}.business-login input,.share-box input{font:inherit;padding:12px;border:1px solid #acbcb1;background:#fffef9;width:100%}.business-login .primary{justify-self:start}.manager-row,.dashboard-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:25px 0}.license-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cbd4cb;border:1px solid #cbd4cb;margin:30px 0}.license-stats>div{background:#e8ece5;padding:22px;display:grid}.license-stats strong{font:600 44px 'Barlow Condensed',sans-serif}.license-stats span{font-size:12px;color:var(--muted)}select{font:inherit;padding:8px;border:1px solid #aabbb0;background:#fffef9;color:var(--ink)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;background:#fffef9;font-size:14px}th{text-align:left;font-size:11px;letter-spacing:1px;background:#e3e9e1}th,td{padding:16px;border-bottom:1px solid #cbd4cb}td small{display:block;color:var(--muted);font-size:11px}.license-status{display:inline-block;padding:3px 10px;background:#f5edcb;font-size:12px}.license-status.used{background:#dfebe0}.share-box{display:grid;gap:12px;padding:20px;border:1px solid #cbd4cb;margin:20px 0}#editor-dock{position:fixed;bottom:16px;right:20px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#fffef7;border:1px solid #a6b8ab;box-shadow:0 4px 20px #17292e22;padding:12px;max-width:calc(100vw - 40px)}#editor-dock>div{display:grid}#editor-dock strong{font-size:14px}#editor-dock span,#editor-dock p{font-size:11px;color:var(--muted)}#editor-dock p{width:100%;margin:0}#editor-dock button{font-size:12px;padding:9px 12px}#editor-dock label{font-size:12px}.editable-copy{outline:1px dashed #b49b37;outline-offset:5px;cursor:text;min-height:1em}.editable-copy:focus{outline:2px solid #b49b37;background:#fff9dc}body:has(.editable-copy){padding-bottom:140px}@media(max-width:700px){.license-stats{grid-template-columns:repeat(2,1fr)}.dashboard-controls{align-items:flex-start;flex-direction:column}th,td{padding:12px}#editor-dock{right:10px;bottom:10px;max-width:calc(100vw - 20px);gap:8px}#editor-dock>div{width:100%}body:has(.editable-copy){padding-bottom:240px}.front-nav .front-actions{gap:10px}}@media print{#editor-dock{display:none!important}.editable-copy{outline:none}}
.email-preview{margin-top:30px;border:1px solid #cbd4cb;padding:24px;background:#fffef9}.email-preview h2{font-size:32px}.email-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 'IBM Plex Sans',sans-serif;color:var(--ink)}.business-certificate-page{max-width:850px;margin:40px auto}.business-certificate-page h1{font-size:50px}@media print{.front-nav,.business-certificate-page>h1,.business-certificate-page>.eyebrow,.business-certificate-page>.front-actions{display:none!important}.business-certificate-page{margin:0}.business-certificate-page .certificate{display:block!important}}
.privacy-page{max-width:850px;margin:50px auto}.privacy-page h1{font-size:60px}.privacy-page h2{font-size:32px;margin:32px 0 12px}.privacy-page p,.privacy-page li{color:#495b60}.privacy-page li{margin:8px 0}.registration-privacy{padding:20px;background:#e8ece5;border:1px solid #cbd4cb;margin:12px 0;font-size:14px}.registration-privacy p{margin:10px 0}.registration-privacy a,footer a,.privacy-page a{color:var(--green)}footer{gap:15px;flex-wrap:wrap}@media(max-width:700px){.privacy-page{margin:32px auto}.privacy-page h1{font-size:46px}}@media print{.privacy-page button{display:none}}
.practical-page textarea{display:block;width:100%;padding:14px;border:1px solid #a6b5ad;border-radius:4px;background:#fff;font:inherit;resize:vertical}.confirmation{display:flex!important;align-items:flex-start;gap:12px;margin:22px 0!important}.confirmation input{width:auto!important;margin-top:5px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.certificate-meta{border-top:1px solid #bacabb;padding-top:16px;overflow-wrap:anywhere}.certificate-meta p{font-size:14px}.local-certificate{text-align:left;border-top:2px solid #357366;padding-top:18px;margin-top:18px}.local-certificate h3{font-size:24px}.documentation-history{margin-top:24px}.documentation-history p{border-bottom:1px solid #bacabb;padding-bottom:16px}@media print{.certificate{break-inside:auto!important}.certificate-meta,.local-certificate{break-inside:avoid}.certificate h3{margin:10px 0}.certificate p{margin:10px 0}}