/* Contextual explanations share the workbench's typography and restrained surfaces. */
.context-help-layer{position:relative;z-index:240}
.context-tooltip{position:fixed;z-index:240;width:max-content;max-width:min(330px,calc(100vw - 24px));padding:13px 15px;border:1px solid #cbd8d0;border-radius:9px;background:#fff;color:#20382b;box-shadow:0 5px 22px #163a2924;font-size:13px;line-height:1.55;overflow:auto;overflow-wrap:anywhere;pointer-events:auto;text-align:left;white-space:normal}
.context-tooltip[hidden],.context-help-banner[hidden]{display:none!important}
.context-tooltip>strong{display:block;font-size:13px;line-height:1.4;font-weight:650;margin:0 0 5px;color:#143c2d}
.context-tooltip>p{margin:0;font-size:13px;line-height:1.55;color:#42584a}
.context-tooltip .context-help-unavailable{margin-top:9px;padding-top:9px;border-top:1px solid #e3e9e5;color:#76511c}
.context-help-toggle{flex:0 0 34px;width:34px;height:34px;background:transparent;box-shadow:none;color:#52685b}
.context-help-toggle[aria-pressed="true"]{background:#e5f3ec;border-color:#6eaa8d;color:#124d37}
.context-help-toggle svg{width:19px;height:19px;stroke-width:1.6}
.topbar .context-help-toggle{margin-left:-5px}
.modal-top:has(.context-help-toggle)>h2{flex:1;min-width:0}
.modal-top:has(.context-help-toggle){column-gap:12px}
.drawer-head>.actions>.context-help-toggle{margin-left:auto}
.drawer-head>.actions:has(.context-help-toggle)>[data-action="close"]{margin-left:0}
.login-screen>.card>.context-help-toggle{position:absolute;top:14px;right:14px}
.login-screen>.card:has(>.context-help-toggle){position:relative}
.context-help-term{cursor:help;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#98afa1;text-underline-offset:3px;text-decoration-thickness:1px}
.context-help-banner{position:fixed;right:18px;bottom:18px;z-index:245;display:flex;align-items:center;gap:20px;max-width:480px;padding:13px 15px;background:#f3faf6;border:1px solid #92b7a1;border-radius:10px;box-shadow:0 4px 18px #163a291c;color:#213d2e}
.context-help-banner strong,.context-help-banner span{display:block;font-size:13px;line-height:1.5}
.context-help-banner span{margin-top:3px;color:#4b6254}
.context-help-banner .btn{flex-shrink:0;background:#fff}
.context-help-active [data-context-help]:hover,.context-help-active [data-context-help]:focus-visible{outline:2px solid #5a9978;outline-offset:3px}
.context-help-active [data-context-help]{cursor:help}
.context-help-active .content{padding-bottom:calc(var(--context-help-space,120px) + 24px)}
.context-help-active .modal{max-height:calc(100dvh - var(--context-help-space,120px) - 24px);top:calc((100dvh - var(--context-help-space,120px))/2)}
.context-help-active .drawer{bottom:var(--context-help-space,120px)}
.context-help-active .sidebar{padding-bottom:calc(var(--context-help-space,120px) + 18px)}
@media(max-width:540px){.context-help-banner{left:12px;right:12px;bottom:12px;max-width:none;gap:12px;padding:11px 12px}.context-help-toggle{flex-basis:32px;width:32px;height:32px}.topbar .context-help-toggle{margin-left:0}.topbar:has(.context-help-toggle){gap:5px}.context-tooltip{font-size:13px;max-width:calc(100vw - 24px)}.modal-top:has(.context-help-toggle){gap:7px}}
@media print{.context-help-layer,.context-help-banner,.context-help-toggle{display:none!important}.context-help-term{text-decoration:none}}