/* One quiet, keyboard-accessible help link across the project workspace. */
a.fta-context-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    flex: 0 0 auto;
    min-height: 2rem;
    padding: .25rem .55rem;
    border: 1px solid transparent;
    border-radius: .5rem;
    background: transparent;
    color: #506477;
    font: 500 .8rem/1.25 "Segoe UI", sans-serif;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
}
a.fta-context-help:hover {
    color: #174f64;
    border-color: #c8d7df;
    background: #eef5f8;
    text-decoration: none;
}
a.fta-context-help:focus-visible {
    outline: 2px solid #28788c;
    outline-offset: 3px;
    color: #174f64;
    background: #eef5f8;
}
.fta-context-help-icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
    background-color: currentColor;
    -webkit-mask: var(--fta-help-icon) center / contain no-repeat;
    mask: var(--fta-help-icon) center / contain no-repeat;
}
:is(.dxbl-theme-dark, .dxbl-theme-fluent-mode-dark) a.fta-context-help {
    color: #b8cbd5;
}
:is(.dxbl-theme-dark, .dxbl-theme-fluent-mode-dark) a.fta-context-help:hover,
:is(.dxbl-theme-dark, .dxbl-theme-fluent-mode-dark) a.fta-context-help:focus-visible {
    color: #e5f5f8;
    background: #223b48;
    border-color: #4b6978;
}
:is(.dxbl-theme-dark, .dxbl-theme-fluent-mode-dark) a.fta-context-help:focus-visible {
    outline-color: #8dd5de;
}
@media (max-width: 600px) {
    a.fta-context-help { width: 2rem; padding: .25rem; }
    a.fta-context-help > span:last-child { display: none; }
}
@media (forced-colors: active) {
    a.fta-context-help { border-color: LinkText; color: LinkText; }
    a.fta-context-help:focus-visible { outline-color: Highlight; }
}