@import url("./help-visuals.css?ui=1");
.context-help-trigger{white-space:nowrap;flex-shrink:0;min-height:36px}
.ki-interface:has(#context-help-open){--ki-topbar:var(--topbar-height,90px)}
.ki-interface .ki-topbar:has(#context-help-open){height:auto;min-height:90px;padding-bottom:32px}
#context-help-panel{position:fixed;inset:10px 10px 10px auto;width:min(450px,calc(100% - 20px));max-height:calc(100dvh - 20px);box-sizing:border-box;margin:0;border:1px solid #b7cde2;border-radius:18px;background:var(--surface,#fff);color:var(--text,#19354d);box-shadow:0 16px 64px #142d4a40;padding:0;z-index:2147483600;overflow:hidden}
#context-help-panel[hidden]{display:none!important}
#context-help-panel:not([hidden]){display:flex;flex-direction:column}
.context-help-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #d6e3ee;background:#f1f7fc}
.context-help-head h2{font-size:18px;margin:0}
.context-help-head button{min-width:40px;min-height:40px}
.context-help-body{padding:16px 18px;overflow:auto;overscroll-behavior:contain;min-height:0;font-size:14px;line-height:1.55}
.context-help-body h3{font-size:17px;margin:12px 0 8px}
.context-help-body p{margin:8px 0}
.context-help-body details{border:1px solid #d6e3ee;border-radius:10px;margin:12px 0;padding:10px}
.context-help-body summary{cursor:pointer;font-weight:700}
.context-help-body ol{padding-left:22px}
.context-help-body li{margin:8px 0}
.context-help-body dl{margin:10px 0}
.context-help-body dt{font-weight:700;margin-top:12px}
.context-help-body dd{margin:3px 0 10px}
.context-help-body input,.context-help-body textarea{width:100%;box-sizing:border-box;font:inherit;border:1px solid #b7cde2;border-radius:10px;padding:9px 11px;color:inherit;background:#fff}
.context-help-body input:focus,.context-help-body textarea:focus{outline:2px solid #58a4d4;outline-offset:1px}
.context-help-body textarea{min-height:90px;resize:vertical}
.context-help-body button{font-size:13px;min-height:36px;margin:4px 0}
.context-help-note{font-size:12px;color:#536d86}
.context-help-answer{white-space:pre-wrap;overflow-wrap:anywhere;border-left:3px solid #237caf;padding:8px 12px;background:#f0f7fb}
.context-help-focus{outline:4px solid #efb735!important;outline-offset:3px!important;box-shadow:0 0 0 7px #ffcb4540!important}
.context-help-field-focus{animation:context-help-field-glow 1.8s ease-in-out infinite}
@keyframes context-help-field-glow{0%,100%{outline-color:#efb735;filter:drop-shadow(0 0 2px #f7c54c)}50%{outline-color:#ffdc59;filter:drop-shadow(0 0 10px #f7c54c)}}
#context-help-panel.context-help-peek{top:auto;bottom:10px;max-height:110px}
.context-help-peek .context-help-body{display:none}
.context-help-peek .context-help-head{border-bottom:0}
.context-help-peek .context-help-head h2{font-size:14px;min-width:0}
.context-help-peek #context-help-back{white-space:nowrap}
@media(max-width:700px){.context-help-peek .context-help-head h2{display:none}.context-help-peek #context-help-back{flex:1}}
@media(prefers-reduced-motion:reduce){.context-help-field-focus{animation:none;filter:none}}
#modal #context-help-dialog-open.button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;align-self:flex-start;width:auto;min-width:0;max-width:none;height:32px;min-height:32px;padding:5px 10px;margin:0;position:relative;z-index:1;font-size:12px;line-height:1;white-space:nowrap}
.context-help-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0;margin-bottom:4px}
.context-help-dialog-heading>h1,.context-help-dialog-heading>h2{flex:1;min-width:0;margin:0}
.context-help-dialog-header{flex-wrap:wrap}
.context-help-dialog-actions{margin-left:auto;max-width:100%}
.context-help-dialog-header>#context-help-dialog-open.button{margin-left:auto!important}
.context-help-dialog-toolbar{display:flex;justify-content:flex-end;min-width:0;margin-bottom:8px}
.context-help-tour{position:sticky;top:0;padding:12px;border:1px solid #e4bd4c;background:#fff8dc;border-radius:10px;color:#27394b;z-index:1}
@media(max-width:700px){
  .ki-interface:has(#context-help-open){--ki-topbar:var(--topbar-height,116px)}
  .ki-interface .ki-topbar:has(#context-help-open){grid-template-columns:minmax(0,1fr);height:auto;padding-bottom:32px}
  .ki-interface .ki-topbar:has(#context-help-open) .ki-mobile-nav-row{grid-row:1;grid-column:1;min-width:0}
  .ki-interface .ki-topbar-actions:has(>#context-help-open){grid-row:2;grid-column:1;width:100%;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end}
  #context-help-open{margin-left:auto;min-height:40px}
  #context-help-panel{inset:6px 6px 6px auto;width:calc(100% - 12px);max-height:calc(100dvh - 12px)}
}
@media(prefers-reduced-motion:reduce){.context-help-focus{scroll-behavior:auto}}

.context-help-body select{width:100%;box-sizing:border-box;font:inherit;border:1px solid #b7cde2;border-radius:10px;padding:9px 11px;color:inherit;background:#fff;margin:6px 0 12px}.context-help-body .help-all-text{border:0;padding:0;margin:10px 0}.context-help-body .help-all-text summary{font-size:12px;color:#536d86}.context-help-answer .help-answer-text{white-space:pre-wrap}