/* Help and Support Center: topic list on the left, article on the right */
.help-window { min-width: 0; }
.help-top {
    display: flex; align-items: center; gap: 8px; padding: 4px 6px; flex-wrap: wrap;
    background: linear-gradient(180deg, #3a73d6, #2a5cb8); color: #fff;
}
.help-nav {
    display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; font: 11px Tahoma, sans-serif;
    background: transparent; color: #fff; border: 1px solid transparent; border-radius: 3px; cursor: pointer;
}
.help-nav:hover, .help-nav:focus-visible { border-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.15); }
.help-nav img { width: 16px; height: 16px; }
.help-search { display: flex; align-items: center; gap: 4px; margin-left: auto; min-width: 0; }
.help-search input { width: 150px; min-width: 0; font: 11px Tahoma, sans-serif; padding: 2px 3px; border: 1px solid #7f9db9; }
.help-search button { min-width: 32px; padding: 1px 6px; font: 11px Tahoma, sans-serif; }
.help-body { flex: 1; min-height: 0; display: flex; background: #fff; }
.help-topics {
    list-style: none; margin: 0; padding: 4px 0; width: 170px; flex: none; overflow-y: auto;
    background: #ece9d8; border-right: 1px solid #919b9c;
}
.help-topics li { margin: 0; }
.help-topics button {
    display: block; width: 100%; text-align: left; padding: 4px 10px; border: 0; background: none;
    font: 11px Tahoma, sans-serif; color: #0046d5; cursor: pointer;
}
.help-topics button:hover { text-decoration: underline; }
.help-topics button[aria-selected="true"] { background: #316ac5; color: #fff; }
.help-article { flex: 1; min-width: 0; overflow: auto; padding: 10px 14px; font: 12px/1.45 Tahoma, Verdana, sans-serif; color: #000; }
.help-article h2 { margin: 0 0 8px; font: bold 15px Tahoma, sans-serif; color: #0a246a; }
.help-article h3 { margin: 12px 0 4px; font: bold 12px Tahoma, sans-serif; color: #0046d5; }
.help-article p { margin: 0 0 8px; }
.help-article ul { margin: 0 0 8px; padding-left: 18px; }
.help-article kbd { padding: 0 4px; border: 1px solid #919b9c; border-bottom-width: 2px; border-radius: 3px; background: #f6f4ec; font: 11px Tahoma, sans-serif; }
.help-article button.help-link {
    padding: 0; border: 0; background: none; color: #0046d5; text-decoration: underline; font: inherit; cursor: pointer;
}
.help-article mark { background: #ffe97a; }
@media (max-width: 600px) {
    .help-body { flex-direction: column; }
    .help-topics { width: auto; max-height: 112px; border-right: 0; border-bottom: 1px solid #919b9c; }
}