.hgls-lab-mount{width:100%!important;max-width:100%!important;margin:24px 0!important;min-width:0!important}.hgls-lab-frame{display:block!important;width:100%!important;height:900px;min-height:650px!important;border:0!important;border-radius:18px!important;background:#0b141b!important}.hgls-lab-status{font-size:13px!important;line-height:1.7!important;margin:10px 0!important}.hgls-diagram{--ls-bg:#f0f7f8;--ls-card:#fff;--ls-ink:#172d38;--ls-line:#9ec3cb;margin:28px 0!important;padding:24px!important;border:1px solid var(--ls-line)!important;border-radius:16px!important;background:var(--ls-bg)!important;color:var(--ls-ink)!important;font-family:system-ui,sans-serif!important}.hgls-diagram *{-webkit-text-fill-color:currentColor!important;text-shadow:none!important;box-sizing:border-box!important}.hgls-diagram figcaption{font-size:18px!important;font-weight:700!important;color:var(--ls-ink)!important;margin-bottom:18px!important}.hgls-diagram ol{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px!important;padding:0!important;margin:0!important;list-style:none!important}.hgls-diagram ol:has(li:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.hgls-diagram ol:has(li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.hgls-diagram li{position:relative!important;list-style:none!important;border:1px solid var(--ls-line)!important;border-radius:12px!important;padding:18px 12px!important;background:var(--ls-card)!important;margin:0!important;color:var(--ls-ink)!important;text-align:center!important}.hgls-diagram li:not(:last-child):after{content:'→';position:absolute;right:-23px;top:43%;font-size:18px;color:#00806b!important}.hgls-diagram strong{display:block!important;font-size:16px!important;line-height:1.5!important;color:var(--ls-ink)!important}.hgls-diagram span{display:block!important;margin-top:8px!important;font-size:13px!important;line-height:1.6!important;color:var(--ls-ink)!important}.hgls-diagram p{font-size:13px!important;line-height:1.7!important;margin:16px 0 0!important;color:var(--ls-ink)!important}.hgls-gear{padding:20px;border:1px solid #7ba69d;border-radius:14px}.hgls-disclosure{font-size:15px!important;line-height:1.8!important;opacity:1!important}.hgls-sources{margin:22px 0}.hgls-sources summary{cursor:pointer;font-size:15px}.hgls-tutorial-wrap{width:min(1460px,calc(100% - 36px));margin:32px auto 64px}.hgls-story{padding:30px 0 22px;max-width:880px}.hgls-story>span{font-size:12px;letter-spacing:.2em;color:#009e8a!important}.hgls-story h1{font-size:clamp(28px,5vw,56px)!important;line-height:1.12!important}.hgls-story h2{font-size:clamp(20px,3vw,28px)!important}.hgls-story p{font-size:16px!important;line-height:1.85!important}.hgls-tutorial-page{margin:0;background:#f3f7fa;color:#172e38}.hgls-tutorial-card{width:min(1450px,calc(100% - 36px));box-sizing:border-box;margin:28px auto;padding:24px;border:1px solid #437e79;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hgls-tutorial-card strong{display:block;font-size:19px}.hgls-tutorial-card small{letter-spacing:.16em}.hgls-tutorial-card p{font-size:14px!important}.hgls-tutorial-card a{background:#06b798!important;color:#041a17!important;-webkit-text-fill-color:#041a17!important;display:inline-block;padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:700;white-space:nowrap}.hgls-success{color:#057b5d!important}.hgls-tutorial-exit{font-size:15px;text-align:right}
html[data-hga-theme="dark"] .hgls-diagram{--ls-bg:#102029;--ls-card:#152d36;--ls-ink:#e5f2f3;--ls-line:#39646c}html[data-hga-theme="dark"] .hgls-tutorial-page{background:#0a1217;color:#eef6f7}@media(max-width:700px){.hgls-diagram{padding:16px!important}.hgls-diagram ol,.hgls-diagram ol:has(li:nth-child(2):last-child),.hgls-diagram ol:has(li:nth-child(3):last-child){grid-template-columns:1fr!important;gap:22px!important}.hgls-diagram li:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-23px}.hgls-tutorial-card{display:block}.hgls-tutorial-wrap{width:calc(100% - 20px)}.hgls-lab-frame{border-radius:10px!important}.hgls-tutorial-card a{white-space:normal}}
/* 1.1 diagrams are raster illustrations, not CSS flowchart cards. */
.hgls-image-diagram{display:block!important;width:100%!important;max-width:100%!important;margin:24px 0!important;padding:0!important;background:transparent!important;border:0!important}
.hgls-image-diagram img{display:block!important;max-width:100%!important;height:auto!important;margin:0 auto!important;border-radius:12px!important}
.hgls-image-diagram figcaption{font-size:13px!important;line-height:1.7!important;margin:10px 0 0!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;opacity:1!important}
.hgls-image-pending{padding:20px;border:1px dashed #c08332;background:#fff7e9;color:#653f09}
/* Equipment keeps the original product URLs and uses the familiar outlined cards. */
.hgls-gear{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;margin:24px 0 0!important;color:inherit!important;box-sizing:border-box!important}
.hgls-gear-list{display:grid!important;gap:20px!important}
.hgls-gear .hgls-gear-card,.hgls-gear .hgls-gear-item{display:block!important;margin:0!important;padding:24px!important;border:1px solid #444b54!important;border-radius:16px!important;background:transparent!important;box-sizing:border-box!important;box-shadow:none!important}
.hgls-gear .hgls-gear-name,.hgls-gear .hgls-gear-item h3{margin:0 0 18px!important;padding:0!important;font-size:19px!important;line-height:1.6!important;font-weight:500!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
.hgls-gear .hgls-gear-description{margin:0 0 16px!important;font-size:16px!important;line-height:1.8!important;color:inherit!important;-webkit-text-fill-color:currentColor!important}
.hgls-gear-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.hgls-gear a.hgls-gear-button,.hgls-gear a.hgls-gear-link{display:inline-block!important;padding:13px 20px!important;border:1px solid #111!important;border-radius:10px!important;background:#111!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;text-shadow:none!important;box-shadow:none!important;font-size:16px!important;font-weight:400!important;line-height:1.6!important;opacity:1!important;overflow-wrap:anywhere!important}
.hgls-gear a.hgls-gear-button:hover,.hgls-gear a.hgls-gear-link:hover{background:#292929!important;color:#fff!important}
.hgls-gear a.hgls-gear-button:focus-visible,.hgls-gear a.hgls-gear-link:focus-visible{outline:3px solid #008c7a!important;outline-offset:3px!important}
.hgls-gear .hgls-disclosure{display:block!important;margin:14px 0 0!important;padding:0!important;border:0!important;background:transparent!important;text-align:right!important;font-size:12px!important;font-weight:400!important;line-height:1.7!important;color:inherit!important;-webkit-text-fill-color:currentColor!important;opacity:.8!important}
html[data-hga-theme="dark"] .hgls-gear .hgls-gear-card,html[data-hga-theme="dark"] .hgls-gear .hgls-gear-item{border-color:#8b98a3!important}
@media(max-width:600px){.hgls-gear .hgls-gear-card,.hgls-gear .hgls-gear-item{padding:20px!important}.hgls-gear .hgls-gear-name{font-size:18px!important}.hgls-gear .hgls-gear-description{font-size:15px!important}.hgls-gear a.hgls-gear-button{max-width:100%!important;box-sizing:border-box!important}}


/* 2.34.18 — first-mission tutorial */
.hgls-tutorial-v2{max-width:none!important;padding:34px 0 24px!important}
.hgls-tutorial-kicker{font:800 10px/1.3 ui-monospace,monospace;letter-spacing:.18em;color:#0aa88d;margin-bottom:12px}
.hgls-tutorial-hero{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:28px;align-items:center;padding:28px;border:1px solid #b9d9d3;border-radius:22px;background:linear-gradient(135deg,#f5fbfa,#edf7f6)}
.hgls-tutorial-hero h1{margin:0 0 8px!important}.hgls-tutorial-hero h2{margin:0 0 14px!important}
.hgls-tutorial-hero p{margin:7px 0!important;color:#365952!important}
.hgls-tutorial-badge{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;align-content:center;justify-self:end;border:1px solid #77cbb9;background:radial-gradient(circle,#dffff6,#eef9f6);box-shadow:0 14px 36px #0f6f5c1f}
.hgls-tutorial-badge span{font:800 42px/1 ui-monospace,monospace;color:#087c68}.hgls-tutorial-badge small{letter-spacing:.16em}.hgls-tutorial-badge b{margin-top:7px}
.hgls-tutorial-learn{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}
.hgls-tutorial-learn article{padding:14px 15px;border:1px solid #c5dbd6;border-radius:13px;background:#fff}
.hgls-tutorial-learn b{font:800 9px ui-monospace,monospace;color:#0aa88d}.hgls-tutorial-learn strong{display:block;margin:4px 0;font-size:14px}.hgls-tutorial-learn span{font-size:12px;color:#607974}
.hgls-tutorial-safe{margin:0!important;padding:11px 14px;border-left:3px solid #0aa88d;background:#edf8f5;color:#41645d!important;font-size:13px!important}
html[data-hga-theme="dark"] .hgls-tutorial-hero{background:linear-gradient(135deg,#0b181d,#0f2a2d);border-color:#27534c}
html[data-hga-theme="dark"] .hgls-tutorial-hero p{color:#b7cdca!important}
html[data-hga-theme="dark"] .hgls-tutorial-badge{background:radial-gradient(circle,#123c35,#0b1d20);border-color:#2b7566}
html[data-hga-theme="dark"] .hgls-tutorial-learn article{background:#0d1d21;border-color:#284a47}
html[data-hga-theme="dark"] .hgls-tutorial-learn span{color:#91aaa6}
html[data-hga-theme="dark"] .hgls-tutorial-safe{background:#0d2823;color:#a9c9c2!important}
@media(max-width:760px){.hgls-tutorial-hero{grid-template-columns:1fr}.hgls-tutorial-badge{justify-self:start;width:110px;height:110px}.hgls-tutorial-learn{grid-template-columns:1fr 1fr}}

.hgls-tutorial-clear-reward{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px;padding:13px 15px;border:1px solid #d1bb66;border-radius:12px;background:linear-gradient(90deg,#fff8da,#eef8f3)}.hgls-tutorial-clear-reward small{font:800 9px ui-monospace,monospace;letter-spacing:.13em;color:#8b7010}.hgls-tutorial-clear-reward strong{font-size:21px;color:#735d08}.hgls-tutorial-clear-reward b{color:#166c5a}.hgls-tutorial-clear-reward span{margin-left:auto;font-size:12px;color:#5c716c}.hgls-tutorial-saved{padding:10px 13px;margin:12px 0 0!important;border-radius:10px;background:#dff8ee;color:#086e56!important;font-weight:800}
html[data-hga-theme="dark"] .hgls-tutorial-clear-reward{background:linear-gradient(90deg,#2a250f,#102520);border-color:#655a2a}html[data-hga-theme="dark"] .hgls-tutorial-clear-reward strong{color:#ffe79a}html[data-hga-theme="dark"] .hgls-tutorial-clear-reward b{color:#73ead0}html[data-hga-theme="dark"] .hgls-tutorial-clear-reward span{color:#9fb8b3}
