:root{--course-pink:#ff97b7;--course-gold:#f5d783}
.brand>span:last-child{color:#fff}.brand>span:last-child>small{letter-spacing:1.1px}.brand-mark{color:var(--course-pink)}
.course-board{width:min(1120px,calc(100vw - 36px))}.course-board .dialog-header h2{font-size:42px}.course-board-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.course-board-actions .primary,.course-board-actions .secondary{font-size:12px;min-height:42px;padding:12px 17px}.course-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#cadbd9;margin:22px 0}.course-legend span:first-child{color:var(--lime)}
.course-module{margin:0 0 22px;border:1px solid #7fa5ae38;border-radius:12px;overflow:hidden;background:#16323c}.course-module>div:first-child{padding:15px 19px;border-left:4px solid var(--course-pink);display:flex;align-items:center;gap:25px;background:#0b2630}.course-module>div:first-child>span{font-family:'Barlow Condensed',sans-serif;font-size:25px;font-weight:600;min-width:160px}.course-module>div:first-child p{font-size:12px;line-height:1.65;color:#acc6cb;margin:0}
.course-squares{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding:17px}.course-square{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:11px;padding:14px;min-height:162px;background:#29434b;border:1px solid #57747b;border-radius:10px}.course-square>span{font-family:'Barlow Condensed',sans-serif;font-size:26px;color:#b8cbce}.course-square>strong{font-size:13px;line-height:1.5}.course-square>small{font-size:10px;line-height:1.6;color:#b3c7ca;margin-top:auto}.course-square.current{border:2px solid var(--lime);background:#344a37;box-shadow:0 0 0 3px #c0ed7e15}.course-square.current>span,.course-square.done>span{color:var(--lime)}.course-square.done{background:#214b45;border-color:#58a88c}.course-square:disabled{opacity:.53;cursor:not-allowed}.course-square:not(:last-child):after{content:'→';position:absolute;right:-12px;top:66px;font-size:18px;color:#aec4b9;z-index:1}.course-square:not(:disabled):hover{filter:brightness(1.16)}
.course-labs{border-top:1px solid var(--line);padding-top:24px}.course-labs h3{font-family:'Barlow Condensed',sans-serif;font-size:31px;margin:8px 0}.course-labs>p{font-size:13px;line-height:1.75;max-width:850px;color:#bed2d5}.course-lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.course-lab{display:flex;flex-direction:column;gap:10px;text-align:left;background:#29394a;padding:18px;border:1px solid #64839b55;border-radius:10px}.course-lab:disabled{opacity:.5}.course-lab>small{font-size:10px;line-height:1.5;color:var(--course-pink)}.course-lab>strong{font-size:16px}.course-lab>span{font-size:11px;line-height:1.6;color:#c5d2db}
.course-lesson{width:min(850px,calc(100vw - 34px))}.course-context{display:flex;flex-direction:column;gap:11px;padding:18px 20px;margin:16px 0;background:#263e48;border-left:3px solid var(--course-gold);border-radius:6px;font-size:13px;line-height:1.8}.course-context>span{color:#bed0d4;font-size:12px}.course-context strong{font-weight:500}.course-lesson h3{font-size:18px;line-height:1.6}.course-lesson .dialog-lead{font-size:15px;line-height:1.85}.course-feedback{padding:18px 21px;border:1px solid #edc38080;border-radius:9px;background:#584a324d;font-size:14px;line-height:1.85;margin:17px 0}.course-feedback.good{background:#5e964425;border-color:#b4d78b80}.course-next-reason{font-size:13px;line-height:1.85;color:var(--lime);margin:17px 0}.course-term-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}.course-term-links .text-button{font-size:11px}.course-info{width:min(850px,calc(100vw - 34px))}.course-info p{font-size:14px;line-height:1.8}.course-info h3{font-size:23px;line-height:1.5}
.training-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.training-product{padding:16px;border-radius:10px;border:1px solid #607b814a;background:#304751;display:flex;flex-direction:column;gap:10px}.training-product>div>strong{display:block;font-size:15px;line-height:1.5}.training-product p{font-size:11px;line-height:1.7;color:#c7d6d9;margin:8px 0}.training-product small{font-size:10px;color:var(--course-gold)}.product-illustration{font-size:46px;line-height:1;background:#224051;padding:14px;text-align:center;border-radius:8px;color:#73d2d4}.training-product.carta .product-illustration{background:#576c73;color:#fff}.training-product.detergenti .product-illustration{background:#275a59;color:#8fdaaf}.training-product.shampoo .product-illustration{background:#503d5b;color:#e1a9d3}
.course-hud-extra{border-top:1px solid var(--line);margin-top:6px;padding-top:5px}.course-hud-extra>p{font-size:9px;line-height:1.6;color:#b5c8ce;margin:3px 0}.course-hud-extra .text-button{font-size:10px;padding:5px 0;min-height:25px}.course-hud-extra .secondary{font-size:10px;padding:9px 12px;min-height:32px;width:100%;margin:5px 0}.course-active .mission-card{width:300px}.course-active .mission-card h1{font-size:29px}.course-active .mission-card>p#missionGoal{font-size:11px;line-height:1.7}.course-active .guide-extras{display:none}.course-active .mission-card .mission-location{margin-top:10px;padding-top:10px}.course-active #journalButton{min-height:28px;font-size:10px;padding-top:7px}.course-active .route-actions{margin-top:5px;gap:2px}.course-active .learning-tools{width:300px}.course-active #returnMission{display:none!important}
.course-report-score{display:flex;align-items:baseline;gap:20px;margin:25px 0}.course-report-score strong{font-family:'Barlow Condensed',sans-serif;font-size:64px;color:var(--lime)}.course-report-score span{font-size:15px}.course-report-list{list-style:none;padding:0}.course-report-list li{display:flex;gap:20px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6}.course-report-list small{color:#aac8cb;white-space:nowrap}
@media(max-width:1000px){.course-squares{grid-template-columns:repeat(3,minmax(0,1fr))}.course-lab-grid{grid-template-columns:repeat(2,1fr)}.course-active .mission-card{width:268px}.course-active .mission-card h1{font-size:26px}.course-active .learning-tools{width:268px}}
@media(max-width:760px){.course-active .mission-card{width:217px;max-height:calc(100vh - 330px);overflow:auto}.course-active .mission-card h1{font-size:23px}.course-active .mission-card>p#missionGoal{font-size:10px;line-height:1.55}.course-active .learning-tools{width:217px}.course-hud-extra>p{font-size:8px}.course-active .mission-card .mission-location{padding-top:6px;margin-top:6px}.course-active #journalButton{font-size:9px;min-height:26px}.course-board .dialog-header h2{font-size:31px}.course-squares{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px}.course-square{min-height:144px;padding:12px}.course-square>strong{font-size:12px}.course-module>div:first-child{display:block;padding:13px 15px}.course-module>div:first-child>span{font-size:24px}.course-module>div:first-child p{font-size:11px;margin-top:6px}.course-lab-grid{grid-template-columns:1fr}.course-board-actions{gap:8px}.course-board-actions .primary,.course-board-actions .secondary{flex:1 1 145px}.course-context{padding:13px 15px;font-size:12px}.course-lesson .dialog-lead{font-size:13px}.course-feedback{font-size:13px;padding:14px}.training-products{grid-template-columns:1fr}.training-product{flex-direction:row;align-items:center}.product-illustration{min-width:68px;font-size:37px;padding:11px}.training-product>div>strong{font-size:13px}.training-product p{font-size:10px;margin:5px 0}.course-report-list li{font-size:11px}}
@media(max-height:650px) and (min-width:600px){.course-active .mission-card{width:225px;top:76px;max-height:calc(100vh - 151px);overflow:auto;backdrop-filter:none}.course-active .mission-card h1{font-size:22px}.course-active .mission-card>p#missionGoal{font-size:9px;line-height:1.5}.course-active .learning-tools{width:155px}.course-hud-extra{position:fixed;left:252px;top:157px;width:183px;background:#102934ef;padding:8px;border-radius:8px}.course-hud-extra>p{font-size:8px}.course-hud-extra .text-button{font-size:9px}.course-active .route-actions{top:76px}.course-active .route-hint{display:none}.course-active .guide-extras{display:none}}
@media(max-width:599px) and (max-height:740px){.course-active .mission-card{max-height:calc(100vh - 267px)}.course-active .mission-card>p#missionGoal{max-height:none;overflow:visible}.course-hud-extra>p{display:none}.course-hud-extra .text-button{font-size:9px}}

.product-illustration svg{width:100%;height:100px;display:block}.course-square.parallel{border-style:dashed;border-color:var(--course-gold)}.course-square.parallel-start:after{content:"↔";color:var(--course-gold)}
@media(max-width:760px){.product-illustration{width:85px;min-width:85px;padding:4px}.product-illustration svg{height:80px}}