/* Green identifies explanatory text and deliberate completion actions. */
html body .hk-learning-tour #hk-tour-instruction{color:#8ee6b1!important;-webkit-text-fill-color:#8ee6b1!important}
html body :is(.platform,.app,main) :is(button,a).hk-tour-terminal,
html body :is(button,a).hk-tour-terminal{background:#18794e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#329b6b!important;text-shadow:none!important;opacity:1!important}
html body :is(.platform,.app,main) :is(button,a).hk-tour-terminal:not(:disabled):hover,
html body :is(button,a).hk-tour-terminal:not(:disabled):hover{background:#14643f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#8ee6b1!important}
html body :is(.platform,.app,main) :is(button,a).hk-tour-terminal:not(:disabled):active{background:#0d5031!important;color:#fff!important}
html body :is(button,a).hk-tour-terminal:focus-visible{outline:3px solid #8ee6b1!important;outline-offset:3px!important}
html body :is(.platform,.app,main) :is(button,a).hk-tour-terminal:disabled{background:#284d3a!important;color:#c0dacb!important;-webkit-text-fill-color:#c0dacb!important;border-color:#6f937d!important;opacity:1!important;cursor:not-allowed!important}
.hk-tour-toolbar{display:flex;justify-content:flex-end;align-items:center;min-height:44px;padding:4px 12px;gap:8px}
html body button.hk-tour-launcher{min-height:44px!important;padding:8px 14px!important;border:1px solid #619c78!important;border-radius:8px!important;background:#173b28!important;color:#b4f1ca!important;font:600 14px/1.4 system-ui!important;cursor:pointer}
html body button.hk-tour-launcher:hover{background:#245b3d!important;color:#fff!important}
html body button.hk-tour-launcher:focus-visible{outline:3px solid #8ee6b1!important;outline-offset:3px}
html body .hkai-connected-host>header:has(.hk-tour-launcher){display:flex!important;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
@media(max-width:600px){.hk-tour-toolbar{padding:4px 8px}.hkai-connected-host>header:has(.hk-tour-launcher)>span{font-size:12px}}
/* Join the existing important control layer, which outranks unlayered styles. */
@layer hkai-control-contrast {
 html body :is(.platform,.app,main) :is(button,a).hk-tour-terminal,
 html body :is(button,a).hk-tour-terminal{background:#18794e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#329b6b!important}
 html body :is(.platform,.app,main) :is(button,a).hk-tour-terminal:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible),
 html body :is(button,a).hk-tour-terminal:not(:disabled):not([aria-disabled=true]):is(:hover,:focus-visible){background:#14643f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#8ee6b1!important}
 html body :is(.platform,.app,main) :is(button,a).hk-tour-terminal:not(:disabled):not([aria-disabled=true]):active{background:#0d5031!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
 html body :is(.platform,.app,main) :is(button,a).hk-tour-terminal:is(:disabled,[aria-disabled=true]){background:#284d3a!important;color:#c0dacb!important;-webkit-text-fill-color:#c0dacb!important;border-color:#6f937d!important;opacity:1!important;cursor:not-allowed!important}
 html body :is(.platform,.app,main) :is(button,a).hk-tour-terminal :is(span,small,b,strong,em,i){color:inherit!important;-webkit-text-fill-color:currentColor!important}
 html body button.hk-tour-launcher:not(:disabled){background:#173b28!important;color:#b4f1ca!important;-webkit-text-fill-color:#b4f1ca!important;border-color:#619c78!important}
 html body button.hk-tour-launcher:not(:disabled):is(:hover,:focus-visible){background:#245b3d!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#8ee6b1!important}
}