/* Scoped additions; the original NH stylesheet owns the shared design. */
html .app-help[data-help-key]{margin: 2px 0px 10px; border: 0px; border-radius: 0px; background: transparent; color: #435c6b; box-shadow: none;}
html .app-help[data-help-key] > summary{display: flex; width: fit-content; max-width: 100%; min-height: 32px; padding: 4px 6px; gap: 5px; font-size: 14px; font-weight: 400; line-height: 1.5; border-radius: 5px; background: transparent; color: #435c6b;}
html .app-help[data-help-key] > summary:hover{background: #f3f4f5; color: #18384b;}
html .app-help[data-help-key] > summary:focus-visible{outline: #2477a4 solid 2px; outline-offset: 2px;}
html .app-help[data-help-key] > .app-help-content{margin-top: 4px; padding: 10px 14px; background: #f3f4f5; border-radius: 8px; color: #435c6b; line-height: 1.8;}
html .app-help-content .start-guide{margin: 0px; background: transparent; border: 0px; padding: 0px; color: inherit;}
html .app-help-content .lead{font-size: inherit; margin: 0px;}
html[data-help-visible="false"] details[data-help-key]{display: none !important;}
.help-display-option{display: flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 600;}
.help-display-option input{width: 20px; height: 20px; flex: 0 0 auto; accent-color: var(--blue);}
#helpDisplayNote{margin: 5px 0px 0px; font-size: 14px; color: var(--muted);}
#helpDisplayStatus:empty{display: none;}
@media (pointer: coarse){html .app-help[data-help-key] > summary{min-height: 44px;}}